Problème de position:absolute avec IE

**Death83** · 19/12/2006, 17h21

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é:

Code HTML :

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

1
2
3
4
5
6
7
8
9
 
<div class="conteneur">
	<a href="'">
		<img class="imgderdvd" src="" alt=""/>
	</a>	
	<div id="aderdvd'.$iddvd[$i].'" class="infoover">
 
	</div>
</div>

et le CSS correcpondant:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
.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!

**blueice** · 19/12/2006, 20h07

A tout hasard :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.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;
}

**Death83** · 19/12/2006, 20h37

pourquoi , ?

si je fait .truc1 .truc2 ca veut dire les elements truc2 qui sont dans truc1. Alors que si je fait .truc1, .truc2 ca veut les élement truc1 et truc2.

C'est pas pareil non?

**MasterOfChakhaL** · 19/12/2006, 20h42

ben si j'ai une maison et une piscine (on peut rêver...) la piscine n'est pas nécessairement dans la maison...

**Death83** · 19/12/2006, 20h47

Envoyé par MasterOfChakhaL

ben si j'ai une maison et une piscine (on peut rêver...) la piscine n'est pas nécessairement dans la maison...

oui mais dans mon cas je veut juste atteindre les conteneurs de affcritdvd. Car des conteneurs j'en ai d'autres sur ma page.

J'ai quand même essayé par curiosité mais ca ne change rien

.

**blueice** · 19/12/2006, 21h37

Chez moi sans la virgule ça ne marche pas, si je rajoute la virgule ça fonctionne ! (sous Safari et FF2 Mac)

Sinon donne nous une adresse ou le code HTML interprété, parce qu'avec du PHP, ça va être dur de tester...

**Death83** · 19/12/2006, 21h40

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

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:

http://apachez.myftp.org/test/test.php

**Death83** · 19/12/2006, 21h54

C'est bon j'ai trouvé, c'est à cause d'une feuille hack css qui ou un float left trainait.

Par contre le block qui s'affiche passe maintenant sous les images :/. (je tourne en rond, j'avais déjà résolu ce problème... mais la ca marche plus).