28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous, voici mon soucis :
J'utilise un DIV global qui contient 4 autres div : un header, un gauche, un droite et un centre.
ce qui donne un truc du genre :

<body>
<div id="conteneur">
   <div id="header"></div>
   <div id="gauche"></div>
  <div id="droite"></div>
  <div id="centre"></div>
</div>


Mon probleme est le suivant : lorsque je met du texte dans le div "Centre", sa couleur de fond va jusqu'en bas de celui-ci (logik jusque là), alors que dans les div "gauche" et "droite", la couleur de fond ne va pas aussi bas que celle du div "Centre"...

au niveau du CSS ca donne ca :

body {
	font-family: "Trebuchet MS";
	font-size: 1em;
	margin: 0;
	padding: 0;
	background: #EEEEEE ;
}

#header {
height: 200px;

}

#conteneur {
	position:relative;
	width:980px;
	margin: 0 auto;
	border: 1px solid #959494 ;
    background:white;
}

#centre {

margin-left: 145px;
margin-right: 145px;
background-color: #339933;
}

#gauche {
	position: absolute;
	left:0;
	width: 142px;
	background-color: #339933;
	    
}

#droite {
	position: absolute;
	right:0px;
	width: 142px;
}


merci d'avance
Modifié par minimoof (29 Nov 2006 - 21:53)
Bonjour Minimoof,

La FAQ te donnera plusieurs liens au sujet des mises en pages en colonnes Smiley cligne .
Modifié par Jihel (29 Nov 2006 - 21:16)
Merci Jihel pour cette reponse rapide, mais je débute, et je ne trouve pas réponse a mon soucis dans le lien que tu m'as donné... en gros, je voudrais que le "height" de mon div "gauche" ai la méme taille que mon div "Centre", mais je ne voi pas comment faire...
J'ai essayé height :100% mais ca ne marche pas...
Bon bin j'ai résolu moi méme le soucis...
Il fallait juste que je mette l'image de fond désiré dans mon div "Conteneur"...
Modifié par minimoof (29 Nov 2006 - 21:53)