[résolu] Petit problème sous IE avec un menu

Bonsoir à tous,

toujours avec mon même site je rencontre un léger décalage sous IE avec mon petit menu de droite et cela ne vient pas de la liste à priori...

En espérant que ce ne soit pas une grosse bêtise de ma part...

Voici la page

et le CSS

Merci
Modifié par ANtO (24 Feb 2006 - 21:43)

Bonsoir,
En effet problème pas tres souvent traité mais très inattendu.
En fait sous IE les div ont une hauteur minimum de 20 px ou quelquechose comme ça et qui depend de la taille des polices.

Donc pour annuler cela tu dois declarer

#menuh { 
font-size:0;  
height: 6px;
background: url("menu_h00.png") no-repeat;
}

Apres tu as 4 niveau d'imbrication de div, ce qui est un peu aberrant pour si peu de contenu, il ne faut pas tomber dans la "divite"
en cherchant un peu, tu devrais pouvoir tous mettre dans un UL.
Et pourquoi mettre tes bordure haute te basse dans un background de div?
Déjà tu peux commencer par reduir un peu ton code avec ça:

		<div id="menuh"></div>
		<ul id="menum" class="menul">
			<li><a href="">Accueil</a></li>
			<li><a href="">News</a></li>
			<li><a href="">Jury</a></li>
		</ul>
		<div id="menub"></div>

Modifié par Hermann (21 Feb 2006 - 23:25)

a écrit :
En fait sous IE les div ont une hauteur minimum de 20 px ou quelquechose comme ça et qui depend de la taille des polices.

Question:
Si l'espace attribué est trop grand pour son image, alors pourquoi ne pas positionner celle-ci au bas de cet espace (background-position: bottom;)?

Exemple:

#menuh {
height: 6px;
background-image: url("menu_h.png");
background-repeat: no-repeat;
background-position: bottom;
}

Modifié par Bastou (22 Feb 2006 - 00:04)

Oui c'est une autre solution mais qui reste lourde pour ce qu'on veut obtenir et qui laisse un espace au dessus du bord haut.
Modifié par Hermann (22 Feb 2006 - 11:17)

En effet, passer la taille de la police à 0px était la solution...

Merci les gens