28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

j'ai constaté un phénomène étrange avec un menu du type
<DL>
	<DT><A>Accueil</A></DT>
	<DT><A>Notre association</A></DT>
		<DD>
			<UL>
				<LI><A>Notre histoire</A></LI>
				<LI><A>Notre mission</A></LI>
				<LI><A>Notre philosophie</A></LI>
			</UL>
		</DD>
	</DT>
</DL>

Toute la balise <DD> est invisible sous IE6
Cependant, j'arrive à l'afficher lorsque :
¤ soit j'applique une bordure au <DD> !
div#menu dd {/*border:1px solid #FF0000;*/
}

¤ soit j'enlève un background d'un parent du <DD> !
div#menu-middle {/*border:1px dashed #FF0000;*/
	background:url(/images/background/sidebar-middle.gif) repeat-y;
}


Bizarre Smiley eek

voici un lien pour constater ce phénomène

D'ailleurs en appuyant sur F5 sous IE6, on aperçois briévement, les sous menu avant d'être cacher par les backgrounds. Smiley fache

Merci d'avance pour vos commentaires...
@+ Smiley langue
Modifié par Tchupacabra (08 Jan 2008 - 16:54)
Smiley biggrin Smiley biggrin Smiley biggrin Smiley biggrin trop de la balle !!!!

merci Felipe. Smiley cligne

effectivement,
div#menu dd {
    width:100%;
}
affiche mes sous-menus....

j'avais pas pensé à la propriété width:100% et je ne connaissais pas le hasLayout... Smiley rolleyes
D'après mes tests, la propriété border doit aussi agir comme width...

Merci beaucoup Smiley smile
@+