Des scrolbars sont apparues...aidez moi svp!

Bonjour,

Je trime depuis plus de 3 heures...

Je souhaite faire un effet zoom lorsqu'on passe avec la souris sur une image.

Voici la page avant la mise en place du zoom: http://www.voilou.fr/test_ancien.php

Voici le code css ajouté (merci de me dire s'il y a des erreurs :

<style type="text/css">
#apercu {
position:relative; 
float:right; 
margin-right:0px; 
width:75px; 
background-color:#fff; 
z-index:100;
}
#apercu a.p1, #apercu a.p1:visited {
display:block; 
width:75px; 
height:75px; 
text-decoration:none; 
background:#fff; 
top:0; 
left:0;
}
#apercu a.p1:hover {
text-decoration:none; 
background-color:#8c97a3; 
color:#000;
}
#apercu a .large {
display:block; 
position:absolute; 
width:0; 
height:0; 
border:0; 
top:0; 
left:0;
}
#apercu a.p1:hover .large {
display:block; 
top:-50px; 
left:-220px; 
width:320px; 
height:240px; 
border:10px solid #ccc;
}
</style>

<div id="apercu">
<a class="p1" href="http://www.prizee.com" title="Lien vers Prizee" target="_blank"><img src="images/screenjeux/Prizee240.jpg" title="Aper&ccedil;u du site de jeux Prizee" alt="Jeux en ligne Prizee" width="200" height="170" /><img class="large" src="images/screenjeux/Prizee320.jpg" title="Zoom aper&ccedil;u jeux Prizee" alt="Jeux en ligne Prizee" /></a>
</div>

Voici l'affichage généré: http://www.voilou.fr/test.php

Vous remarquerez qu'au passage de la souris sur les images, l'effet zoom fonctionne bien, mais ce qui est agaçant ce sont les scrollbars qui sont apparues..Comment les faire disparaitre?

Merci

Bonjour,

Cela vient de l'instruction overflow:auto sur ".block2"

Enlève les et corrige ton problème de calcul de hauteur en lisant l'article Comment éviter que mes éléments flottants (float) dépassent de leur conteneur ?