Bonjour,

J'ai un petit problème CSS, je me suis dit qu'en posant la question ici je trouvais solution et j'en aiderait plusieurs au lieu de tomber sur des solutions bidon qu'on retrouve abondamment sur Google.

Voici mon souci :

J'ai un div "leftColomn" qui doit s'agrandir à 100% de la hauteur du div parent "main" qui lui est étirer par le div du contenu texte "content" situé à sa droite.

Voici de quoi a l'air le html :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
<div id="main>">
   <div id="leftColomn"></div>
   <div id="content"></div>
</div>
Le CSS :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
*{
 margin:0;
 padding:0;
}
body, html{
	width:100%;
	height:100%;
}
#main{
	position:relative;
	display:inline-block;
	height:auto;
	min-height:100%;
	background:url("../images/bkg-header.png") 32px 100% no-repeat;
}
#leftColomn{
	padding-top:32px;
	width:292px;
	height:auto;
	min-height:100%;
	float:left;
	display:block;
	position:relative;
}
#content{
	float:left;
	width:851px;
	margin-left:-33px;
	height:auto;
	min-height:10px;
}