Salve.
Ho un sito, fatto e modificato diverse volte, in cui vorrei rendere uguali le altezze e le spaziature in verticale, in modo che si possa vedere allo stesso modo in tutti i browser. Il tutto è complicato dal fatto che vorrei mantenere corretta la validazione w3c e con il carrello PayPal si complica un po' la cosa.
Adesso, se lo si guarda con Explorer il sito è allungato in verticale in quanto aumentano le spaziature sopra e sotto il tasto "aggiungi al carrello" nonostante abbia impostato con una classe, l'altezza dello stesso e i margini verticali. Idem ho fatto per l'immagine che sta sopra e la scritta che sta sotto, ma evidentemente è interpretato diversamente dai vari browser.
Qualcuno mi può aiutare ad uniformare la pagina senza fare grossi stravolgimenti?
L'indirizzo è questo:
http://www.idee-regalo.biz/articoli-regalo.html
Questa la classe dell'immagine sopra:
codice:
.immaginiCatalogo {
float: left;
display: inline;
width: 242px;
height: 202px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 0px;
}
Questa del pulsante aggiungi al carrello, che sta in mezzo:
codice:
.AggiungiAlCarrello {
clear: left;
float: right;
display: inline;
width: 150px;
height: 24px;
margin-top: -40px;
margin-bottom: -40px;
border-right: 1px solid #6479AD;
}
E questa quella del titolo sotto:
codice:
h2.titoliCatalogo {
clear: both;
font: 900 18px/20px Geneva, Arial, Helvetica, sans-serif;
text-align: center;
background: #3399ff;
color: #FF0000;
text-decoration: none;
margin-top: 10px;
margin-bottom: 0px;
}
Il problema, come già detto, è proprio rendere uniforme la spaziatura sopra l'aggiungi al carrello in tutti i browser: idem la spaziatura sotto.
Grazie