Bonjour,
J'ai un cadre ("en_tete"), sur lequel il y a des coins arrondis. J'y ai mis un div contenant mon menu("menu").
Sous IE, mon menu sera toujours plus bas que sous FF. Ainsi, pour l'instant, je ne peux l'adapter qu'à l'1 ou à l'autre.
Si c'est bien positionné sur FF, sur IE : mon menu est trop bas, les coins du bas (qui suivent mon menu) dépassent donc de mon div "en_tete".
Inversement, si c'est bien positionné sur IE, surFF : mon menu est trop haut, les coins du bas (qui suivent mon menu) ne sont pas positionné totalement en bas (quelques pixels trop haut...).
Voilà le code :
<div class="en_tete">
<div class="coin_haut_gauche_en_tete">
<div class="coin_haut_droit_en_tete">
<div class="coin_bas_droit_en_tete">
<div class="coin_bas_gauche_en_tete">
<div class="menu">
mon menu
</div>
</div>
</div>
</div>
</div>
</div>
et en CSS :
.menu{text-align: center;font-size:small; padding-top:71px;}
Pourquoi cet affichage différent ? Pour le div en_tete, qui contient le div menu, j'ai bien en CSS : .en_tete{margin:10px auto;}
J'ai testé en imposant un line-height:10px; mais ça résout pas le problème
Est-il possible de supprimer cette différence ?
merci à vous
Configuration: Windows XP
Firefox 2.0.0.9