Discussion :

[yann18]

Bonjour,

J'ai écrit un petit menu déroulant mu par JQuery. Il se présente très bien sous firefox, mais sous IE (6-7), c'est la cata... Chaque sous-bloc est complètement séparé par un espace important, et je n'arrive pas à remédier à cela... Le menu se trouve à cette adresse Le code css se trouve dans l'entête.
Merci bien.

[Bisûnûrs]

Rajoute un width:100% sur les li de ton sous-menu.

[yann18]

Bonjour,

J'ai rajouté ton conseil dans le code, sur cette ligne précisément :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#cssdropdown li.headlink ul li a { height:auto; width:100%; background:url(fond_subMenu.jpg) repeat; padding-left:0.5em;}

Le menu s'affiche correctement désormais sous IE, mais se déforme maintenant sous Firefox... les sous blocs prennent toute la largeur et s'échappent du bloc principal (la bordure est recouverte) du côté droit.
merci,

[Bisûnûrs]

Hum, si tu lis bien ce que j'ai écrit, il fallait mettre le width:100% sur les <li> et non sur les <a>.

[yann18]

Autant pour moi... je ne sais pas pourquoi j'ai maintenu cette ligne de code, d'autant plus que j'avais écrit auparavant uniquement sur <li> Ce qui m'avait permis de toujours constater un écart entre les blocs sous IE, mais nettement moindre par rapport à la première version du code... j'ai mis à jour le fichier en ligne...
merci,

[Bisûnûrs]

Cet écart vient juste du fait que le display:block sur tes liens ne confère pas automatiquement une hauteur de 100% par rapport au li parent. Donc sur tes liens, rajoute height:100%.