28172 sujets

CSS et mise en forme, CSS3

Ajuster la hauteur d'un div

Bonjour à tous,

une petite question sur laquelle je tourne en rond depuis un moment :euh:
J'ai un design qui ressemble à ca :
http://lkadiss.free.fr/design/design.jpg

Je vous expose mon probleme : J'aimerais que le div a fond bleu s'adapte à la taille du div a fond blanc
car lorsque que le div a fond blanc depasse la taille du div a fond bleu, le fond bleu ne s'agrandit pas :'(
en gros je cherche a avoir une taille extensible du fond bleu

voici mon code HTML 

<div id="global">  image de fond noire 
	<div id="content">  image de fond bleue  
         <div id="corps"> fond blanc où il y a le texte    
</div>
</div>
</div>

et mon code CSS : 

body { 
	background-color: #646464;
	background-image: url(img/imagedefond.jpg);
	background-repeat: repeat-x;
	width:100%;
	margin: auto;
}
#global {
	background-color: #f2f2f2;
	background-image: url(img/imagedefondbleue.jpg);
	background-repeat: repeat-x;
	height: 569px;
	width: 100%;
}
#content {
	width:980px;
	margin: auto;
}

Merci a tous pour votre aide
Modifié par lkadiss (19 Nov 2009 - 13:17)
Une petite idée : pourquoi ne pas mettre le fond noir en background du body directement ?


body{
background:#000;
}


ça donnerait ça :


<body>
<div id="la div au fond bleu">
 <div id="">Là ton menu</div>
 <div id="">Là ton corps de texte</div>
</div>
</body>


Ta div au fond bleu se position à x pixels du haut avec x pixels de hauteur (même pas obligatoire si le corps du texte est suffisamment rempli), le menu en float:left;, le corps à côté, et hop c'est terminé normalement. Smiley cligne
Modifié par Nico3333fr (20 Nov 2009 - 09:09)
Merci pour vos réponses, en effet j'avais pas fait attention il suffisait de mettre la hauteur du div en auto.

Merci beaucoup
Sujet clos
Aller à