differenze explorer | mozzilla

[-AA-]

Ciao Ragazzi, qualcuno sa perchè con questo foglio di stile:

.buttonscontainer {
width: 140px;

}

.buttons a {color: #FFFFFF;
border: 1px solid;
background-color: #5A7798;
padding: 2px;
padding-left: 3px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #869CB4 #234A76 #234A76 #869CB4;
display: block;
margin: 0px;
width: 100%;
text-align: left;}

.buttons a:hover {border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #44658A;
border-color: #234A76 #869CB4 #869CB4 #234A76;
color: #FFFFFF;
text-decoration: none;}

------------------------------------
e con questo tipo di menu:

<div class="buttonscontainer">
<div class="buttons">
Voce 1
Voce 2
Voce 3
Voce 4
Voce 5
</div>
</div>
------------------------------------
(tra l'altro im menu è molto carino)....perchè ho una differenza il larghezza tra explorer e mozzilla? ....come si può rimediare?

[aedo]

Le basi, le basi!



IE interpeta in maniera errata margin e padding.

[-AA-]

Sorry aedo ma non ho molta conoscenza dei CSS

per cui come si può rimediare a quella differenza?

[ZaMM]

Dovrebbe essere un problema di box model. Prova a cercare "box model hack".

[aedo]

I css sono un po' più problematici rispetto alle tabelle, o meglio, la compatibilità fra i browsers è più complessa a causa dei problemi di interpretazione di IE.

Puoi leggerti e studiarti questa guida.


http://css.html.it/guide/

[andrea.paiola]

cosiglio i commenti condizionali per servire a IE regole CSS diverse