28173 sujets

CSS et mise en forme, CSS3

[résolu] Problème avec un height ... encore

Salut à tous ... j'ai fais quelques recherches sur le forum mais je n'ai pas trouvé de solution à mon problème ...
j'ai une page avec une mise en page de style 3 colones ....
div#contenu { 
position:relative; 
/* overflow: auto; */
top:50; 
width: 830px; 
z-index:0; 
/* centrage */
/*left: 50%; 
margin-left: -415px; */
margin: 0px 0px 0px 0px;
text-align: justify;

}

div#bandeau_gauche { 
position: relative;
float:left;
/* overflow: auto; */
top:0; 
width: 180px; 
height: auto;
margin: 0;
background-color: #dfdfdf;
}

div#bandeau_droite {
float:right;
width: 180px;
height: auto;
background-color: #dfdfdf;
}


et dans ma page html
<div id="bandeau_gauche">bandeaugauchewsgs
						<p>rgw</p>
						<p>gwwsdr</p>
						<p>gws</p>
						<p>rgws</p>
						<p>rg</p>
					</div>
				<div id="bandeau_droite">bandeaudroite
						<p>wsrgwsrg</p>
						<p>wsr</p>
						<p>gwsr</p>
						<p>gws</p>
						<p>rgwsrgws</p>
						<p>rgws</p>
						<p>rg</p>
						<p>wr</p>
					</div>
					<div id="contenu">				
						<p>d</p>
						<p>thd</p>
						<p>fj</p>
						<p>fdj</p>
						<p>fd</p>
						<p>yj</p>
						<p>yfdj</p>
					</div>
					<!-- fin de div id=contenu -->


tout ça est dans un conteneur global

div#global {
position:absolute;
top:5px;
width: 850px;  
background-color: #fff;
left: 50%; 
margin: 0 0 0 -425px; 
text-align: justify;
border: solid 1px #dfdfdf;
}


bon ben j'aimerai bien que mes deux bandeaux à droite et à gauche fassent la même hauteur que ma div contenu ...qui bien sur est variable ...
alors j'ai essayé de mettre 100% dans tous les conteneurs (html, body et global) et 100% en height ...mais ça fait tout dessuite des trucs bizares à l'écran ..d'après ce que j'ai compris c'est galère pour ce genre de trucs css ... alors j'implore votre aide si possible Smiley cligne Smiley lol

merci d'avance
++
Modifié par NAS (25 Jul 2006 - 16:47)
yep ..j'avais pas vu cette question dans la faq ...
je m'y penche ..;mais j'ai deja testé pas mal de trucs de la faq 'genre les questions sur la height 100%'
je regarde ça Smiley cligne
merci
@tout
Sujet clos
Aller à