Forum d'entraide PHPFrance

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

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;
}

Et ma page :

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>

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.

Oui mais tu connais ta boite "largeur_100"

Ben si c'est défini... je m'étais trompée, j'ai corrigé en

Code : Tout sélectionner

width: 100%;

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

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

Code : Tout sélectionner

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

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

Forum d'entraide PHPFrance

Problème de largeur en CSS

Problème de largeur en CSS