Hello,
J'ai un petit soucis pour mettre en marge une image.
J'ai un conteneur au centre de largeur fixe et j'aimerai avoir des images dans les marges de taille variable suivant la largeur de la fenêtre.
Aussi, j'ai envie que mon conteneur prennent la hauteur de la page.
Je suis débutant et je ne suis vraiment pas sur que ce que je fais est juste.
Merci d'avance pour vos réponses.
Voici mon code :
Modifié par mulh (14 Feb 2006 - 10:18)
J'ai un petit soucis pour mettre en marge une image.
J'ai un conteneur au centre de largeur fixe et j'aimerai avoir des images dans les marges de taille variable suivant la largeur de la fenêtre.
Aussi, j'ai envie que mon conteneur prennent la hauteur de la page.
Je suis débutant et je ne suis vraiment pas sur que ce que je fais est juste.
Merci d'avance pour vos réponses.
Voici mon code :
body {
height:100%;
width:100%;
margin: 0;
padding: 0;
}
div.bordleft {
float:left;
position: absolute;
left:0;
height: 100%;
background: transparent url(../images/band_l.jpg);
}
div.bordright {
float:right;
position: absolute;
right:0;
height: 100%;
background: transparent url(../images/band_l.jpg);
}
/* Partie principale */
div.conteneur {
width: 750px;
height: 100%;
margin:0 auto;
background-color:#FFFFFF;
position:relative;
}
<body>
<div class="bordleft"></div>
<div class="conteneur">...</div>
<div class="bordright"></div>
</body>
Modifié par mulh (14 Feb 2006 - 10:18)