[code]<div id="largeur100">
<div id="colgauche">blablabla à gauche</div>
<div id="coldroite">
blablabla à droite
</div>
<div id="bandeverte"><img src="images/v1scjaunevert.jpg" width="800" height="15" alt="" />
</div>
</div> [/code]

ça n'serait pas plutôt ça ?

Un élément div occupe, par défaut, toute la largeur disponible. Ça ne sert donc à rien de mettre width: 100%. :wink:

va voir ici : http://css.alsacreations.com/

Ben si c'est défini... je m'étais trompée, j'ai corrigé en
[code]width: 100%;[/code]

Oui mais tu connais ta boite "largeur_100"

Bonjour,

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 ??

[b]Voici mon code CSS :[/b]
[code]
#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]

[b]Et ma page :[/b]
[code]
<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>
[/code]

J'ai essayé de mettre aussi "bandeverte" au dessus et du coup ben il se retrouve tout en haut de la page... donc pas ce que je cherche...

Merci de votre aide !
Caro. :lol: