J'ai un petit soucis de largeur avec mon code CSS.
J'ai deux blocs, un à gauche et l'autre à droite pour une largeur totale de 800px.
Et je voudrais en dessous mettre une image en largeur 100% de la page internet. Mais je ne connais pas la hauteur des blocs précédents (texte), donc je suis obligée de mettre ce 3ème bloc en position: relative et du coup, il me le met en 800px. Une idée ??
Voici mon code CSS :
Code : Tout sélectionner
#largeur100 {
width: 100px;
}
#colgauche {
position: absolute;
top: 210px;
left: 0px;
width: 310px;
text-align: center;
height: auto;
}
#coldroite {
position: absolute;
top: 210px;
left: 320px;
width: 480px;
height: auto;
}
#bandeverte {
position: relative;
top: 10px;
left: -320px;
width: 100%;
height: 15px;
background-image: url(images/v1scbgbottom.jpg);
background-repeat: repeat-x;
}
Code : Tout sélectionner
<div id="largeur100">
<div id="colgauche">blablabla à gauche</div>
<div id="coldroite">
blablabla à droite
<div id="bandeverte"><img src="images/v1scjaunevert.jpg" width="800" height="15" alt="" /></div>
</div>
</div>
Merci de votre aide !
Caro.
