Bonjour. je mets au point un site avec des css
je vous invite a jeter un oeil sur un probleme que je rencontre
megannonces dot com (svp aucun link je veux pas que gg le reference sans contenu)
sous opera, aucun probleme pour le menu en haut (hauteur de 20 px)
sous ie, la hauteur double quasiment.
voici mon code
code xhtml
code css
si je vire les li, la taille originale de 20px est restaurée...j'en conclus que la balise li a, par defaut, une margin bottom != 0
mais meme si j'impose cette marge a 0, le probleme reste entier. Une idée?
A+++
je vous invite a jeter un oeil sur un probleme que je rencontre
megannonces dot com (svp aucun link je veux pas que gg le reference sans contenu)
sous opera, aucun probleme pour le menu en haut (hauteur de 20 px)
sous ie, la hauteur double quasiment.
voici mon code
code xhtml
Code:
<div id="menu">
<ul>
<li><a href="#">Immobilier</a></li>
<li><a href="#">Auto-Moto</a></li>
<li><a href="#">Emploi</a></li>
<li><a href="#">Rencontres</a></li>
</ul>
</div>
code css
Code:
#menu {
background: #D7DCDF url(images/onglet_b.png) no-repeat;
top: 60px;
position: absolute;
width: 400px;
left: 300px;
height: 20px;
border-top: 1px solid #9CACB1;
border-right: 1px Aucune #9CACB1;
border-bottom: 1px solid #9CACB1;
border-left: 1px solid #9CACB1;
}
#menu li {
display: inline;
padding-left: 6px;
margin-left: 0px;
font-size: 12px;
font-variant: small-caps;
height: 18px;
}
si je vire les li, la taille originale de 20px est restaurée...j'en conclus que la balise li a, par defaut, une margin bottom != 0
mais meme si j'impose cette marge a 0, le probleme reste entier. Une idée?
A+++