Bonjour,
Je rencontre un bug étrange sous IE6 avec le code de votre tuto de survol:
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"
Sous FF, ça fontionne parfaitement
.
Une idée?
Merci, encore et toujours !
Modifié par Justin (11 Oct 2007 - 12:56)
Je rencontre un bug étrange sous IE6 avec le code de votre tuto de survol:
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;
}
<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"
Sous FF, ça fontionne parfaitement
.Une idée?
Merci, encore et toujours !
Modifié par Justin (11 Oct 2007 - 12:56)