Bonsoir,
Je me permets de poster ce message sur divers forums car un bug IE se manifeste dans une de mes pages et je ne trouve aucun moyen de le corriger.
Il s'agit de simples infobulles en survol telles que décrites là (
http://www.siteduzero.com/tuto-3-5272-1-modifier-l-apparence-d-une-infobulle.html)
a.info {
position:relative;
}
a.info:hover {
background: none;
z-index:500;
}
a.info span {display: none;}
a.info:hover span {
display: inline;
position:absolute;
height:355px;
width:265px;
top:-200px;
left:-50px;
background: white;
padding: 3px;
border: 1px solid #5D779A;
border-top: 4px solid #5D779A;
}
Ma page HTML (je précise que mon DIV "corps" est en FLOAT)
<body>
<div id="corps">
<h1>TITRE</h1>
<br />
<p align="center">
<a href="#" class="info"><img src="photos/ind/ind1_mini.jpg" HSPACE=30 alt="" /><span><img src="photos/ind/ind1_maxi.jpg" alt="" />
</span></a>
<a href="#" class="info"><img src="photos/ind/ind2_mini.jpg" HSPACE=30 alt="" /><span><img src="photos/ind/ind2_maxi.jpg" alt="" />
</span></a>
<a href="#" class="info"><img src="photos/ind/ind3_mini.jpg" HSPACE=30 alt="" /><span><img src="photos/ind/ind3_maxi.jpg" alt="" />
</span></a>
<br />
<br />
<a href="#" class="info"><img src="photos/ind/ind1_mini.jpg" HSPACE=30 alt="" /><span><img src="photos/ind/ind1_maxi.jpg" alt="" />
</span></a>
<a href="#" class="info"><img src="photos/ind/ind2_mini.jpg" HSPACE=30 alt="" /><span><img src="photos/ind/ind2_maxi.jpg" alt="" />
</span></a>
<a href="#" class="info"><img src="photos/ind/ind3_mini.jpg" HSPACE=30 alt="" /><span><img src="photos/ind/ind3_maxi.jpg" alt="" />
</span></a>
<br />
<br />
<a href="#" class="info"><img src="photos/ind/ind1_mini.jpg" HSPACE=30 alt="" /><span><img src="photos/ind/ind1_maxi.jpg" alt="" />
</span></a>
<a href="#" class="info"><img src="photos/ind/ind2_mini.jpg" HSPACE=30 alt="" /><span><img src="photos/ind/ind2_maxi.jpg" alt="" />
</span></a>
<a href="#" class="info"><img src="photos/ind/ind3_mini.jpg" HSPACE=30 alt="" /><span><img src="photos/ind/ind3_maxi.jpg" alt="" />
</span></a>
<br />
<br />
<a href="#" class="info"><img src="photos/ind/ind1_mini.jpg" HSPACE=30 alt="" /><span><img src="photos/ind/ind1_maxi.jpg" alt="" />
</span></a>
<a href="#" class="info"><img src="photos/ind/ind2_mini.jpg" HSPACE=30 alt="" /><span><img src="photos/ind/ind2_maxi.jpg" alt="" />
</span></a>
<a href="#" class="info"><img src="photos/ind/ind3_mini.jpg" HSPACE=30 alt="" /><span><img src="photos/ind/ind3_maxi.jpg" alt="" />
</span></a>
</p>
</div>
</body>
J'ai donc cette série de 12 images lorsque j'en survole une elle s'agrandit mais elle, ainsi que les 11 autres miniatures, sortent de leur DIV sous IE6. Si je scroll à ce moment là ma page ressemble à un Picasso... avec plein de comportements étranges comme si toutes les minniatures et l'infobulle étaient sur le même "calque" qui se place devant tous les autres.
Sous FF, ça fontionne pourtant parfaitement .
Une idée?
Merci, encore et toujours !
wwinx
