Uniformare le altezze del sito nei vari browser.

[ghisirds]

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:

.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:

.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:

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


__________________
nuovi gadget aziendali

[TheMic]

guarda... lì il problema mi sembra il FORM... infatti secondo me è lui che ti fa fare spaziature diverse ... prova ad azzerarlo cosi:

form {
 margin:0px;
 padding:0px;
 border:0px;
 display:inline;
}

P.S.: per la validazione ti consiglio di togliere il "_" davanti al nome e all'id (attributi NAME e ID) degli oggetti!

[ghisirds]

Niente da fare, ho inserito quella regola css ma non è cambiato niente!
Riguardo all'underscore, mi risulta perfettamente validata la pagina anche se vi sono i nomi con quel simbolo "_".
Tu dici che da problemi?
Ciao e grazie

[TheMic]

Ciao ...
Anche per i tag header ( H1, H2, H3, etc etc ) dovresti resettare i MARGIN e i PADDING.

per quanto riguarda la storia del nome effettivamente mi sono espresso davvero male (perdonami ma quando ti ho scritto oggi andavo davvero di fretta...), lì l'errore è che tu ripeti per tutti lo stesso identico attributo NAME... quindi togli almeno l'underscore per differenziare il nome successivo.


Fammi sapere!