Interprétation de div "a_afficher" et "hover #a_affiche

salut à tous,

en visitant ce lien

http://www.feedesign.fr/demo/Feedesign/sommaire.html

dans firefox les "rollovers" fonctionnent

dans internet explorer ils ne fonctionnent plus

dans mon extrait de feuille de style ci dessous j ai utilisé des div "a afficher" et "hover"

body{
	background-color: #252525;
	margin: 0 0 0 0;
	cursor: auto
}
#bandeau{
	position: absolute;
	left: 650px;
	top: 400px
}
#bandeau:hover{
	position: absolute;
	left:680px
}

#a_afficher img{
	position: absolute;
	top: 0px;
	left: 0px
}

#D1{
	position: absolute;
	left: 650px;
	top: 310px;
}
#D1 #a_afficher{
	position: fixed;
	top: 310px;
	left: 180px;
	visibility: hidden;
}
#D1:hover #a_afficher{
	position: fixed;
	top: 310px;
	left: 180px;
	visibility: visible;
	
}
#D2{
    left:739px;
	top:310px;
	position: absolute;
}
#D2 #a_afficher{
	position: fixed;
	top: 310px;
	left: 180px;
	visibility: hidden;
	width: 300px;
}
#D2:hover #a_afficher{
	position: fixed;
	top: 310px;
	left: 180px;
	visibility: visible;
	
}

Modifié par Thomas D. (24 Feb 2007 - 19:44)

Salut,

Merci d'entourer le code dans tes messages avec les balises [ code] & [ /code], comme demandé dans les règles du forum ...

IE6 ne comprend la pseudo-classe :hover que si elle est appliquée à des liens. Est-ce le cas ici ?

non ça n'est pas le cas

cette méthode est donc incompatible à IE ?

Fee a écrit :
non ça n'est pas le cas

cette méthode est donc incompatible à IE ?

Avec IE6, oui. Il faut t'arranger pour que la pseudo-classe soit appliquée aux liens.