28173 sujets

CSS et mise en forme, CSS3

Salut a tous,

j'ai un problème avec internet explorer. J'utilise la propriété position absolute pour placer un div qui est contenu dans un autre div. Sous firefox le bloc se positionne bien. Mais sous IE il ne se positionne pas par rapport au block conteneur.

VOici le code concerné:


<div class="conteneur">
	<a href="'">
		<img class="imgderdvd" src="" alt=""/>
	</a>	
	<div id="aderdvd'.$iddvd[$i].'" class="infoover">
					
	</div>
</div>


et le CSS correcpondant:


.affcritdvd .conteneur{
float:left;
position:relative;
background-color:red;

}
.affcritdvd  .infoover{
width:200px;
padding:5px;
background:url(../../imagesite/castlemanga1/sousmenu.jpg) repeat-y;
background-color:white;
border:1px solid black;
color:#142778;
display:none;
cursor:pointer;
position:absolute;
left:80px;
top:120px;
z-index:1000;
}


Savez vous comment corriger ce problème?

Merci d'avance!
Modifié par death83 (19 Dec 2006 - 21:55)
Je fais bien la meme chose que sur ce lien. Mon block conteneur est en position relative et celui que je veut positionner en absolute non?
Dans le css de ta div conteneur tu as défini une position relative + un float right. Je ne sais pas si les deux sont compatibles pour une même div.

A+
Eric
Eric68 a écrit :
Dans le css de ta div conteneur tu as défini une position relative + un float right. Je ne sais pas si les deux sont compatibles pour une même div.

A+
Eric


Ca ne doit pas venir de la car meme en enlevant le float:left; les cadres restent à la même positions.
Bon c'est vraiment étrange. J'ai essayer en copiant le code et le css de la page sur une autre page. Et la ca marche :roll: :?

La je comprend plus rien. J'arrive pas à voir pourquoi ca marche pas avec ma page.

voici le lien si vous voulez voir (comparer ff et IE) au survol des images du milieu.

http://www.castlemanga.com

et le code copié qui marche et je sais pas pourquoi:

http://apachez.myftp.org/test/test.php
Modifié par death83 (19 Dec 2006 - 21:45)