Height interprété différemment

Bonjour,

c'est la première fois que je suis confronté à ça :

IE n'interprète pas mon height de la même façon que FF.
IE me donne une hauteur plus grande que 8px...

Voici mon xhtml :

		<div class="ban_haut_bas">	

			<div class="banhbg">
			</div>
			<div class="banhbm">
			</div>
			<div class="banhbd">
			</div>
		</div>

et voici mon css :

.ban_haut_bas
{
width:950px;
height:8px;
border:none;
}

.banhbg
{
width:12px;
height:8px;
border:none;
background-image:url('../images/design/blochbg.gif');
float:left;
}

.banhbm
{
width:900px;
height:8px;
border:none;
background-image:url('../images/design/blochbm.gif');
float:left;
}

.banhbd
{
width:12px;
height:8px;
border:none;
background-image:url('../images/design/blochbd.gif');
float:left;
}

merci d'avance pour votre aide.

Salut samb01 ,

IE6 a un petit problème avec le height : il garde par défaut une hauteur de 12px pour du texte ...

Tu pourrais régler ça avec par exemple :

.ban_haut_bas {
	overflow:hidden;
}

A+

Edit: pour une réponse plus précise, voir ce point de la FAQ.
Modifié par Heyoan (14 Dec 2007 - 13:36)