Bonsoir,
Voilà plusieurs heures que je suis bloqué sur un problème.
Sur cette page, lorsque vous cliquez sur une image, elle apparaît en grand avec un fond noire qui prend toute la page. Le problème, c'est que si vous scrollez, le cadre noire ne suit pas :-s.
Est-ce que quelqu'un pourrait me conseiller à ce sujet ?
Une méthode compatible avec IE6/IE7 ?
Voici le code qui permet de faire apparaître l'image :
Pour le CSS
D'avance un tout grand merci pour votre aide !
Modifié par Cozy_Cookie (20 Nov 2007 - 17:38)
Voilà plusieurs heures que je suis bloqué sur un problème.
Sur cette page, lorsque vous cliquez sur une image, elle apparaît en grand avec un fond noire qui prend toute la page. Le problème, c'est que si vous scrollez, le cadre noire ne suit pas :-s.
Est-ce que quelqu'un pourrait me conseiller à ce sujet ?
Une méthode compatible avec IE6/IE7 ?
Voici le code qui permet de faire apparaître l'image :
<div class="a012">
<div class="a013">
<img src="../img/news/1.jpg" />
</div>
</div>
Pour le CSS
/* Fond pour les agrandissements de photos */
.a012 {
top:0px;
width:100%;
height:100%;
position:absolute;
z-index:10;
background-image:url(../img/fond_noir.png);
background-repeat:repeat;
text-align:center; }
/* Case avec l'agrandissement de photo */
.a013 {
border:1px solid #F52B73;
background:#FFFFFF;
margin-top:100px;
padding:5px;
width:550px;
margin-left:auto;
margin-right:auto; }
D'avance un tout grand merci pour votre aide !
Modifié par Cozy_Cookie (20 Nov 2007 - 17:38)