hauteur DIV en fonction de celles qu'elle contient

**paidge** · 16/08/2010, 01h53

Bonjour,
Je débute depuis tout à l'heure en ASP (et même en développement web :p) grâce au "coach" dispo sur le site MSDN. Mon problème est peut-être un peu général mais le voici :

J'ai une div .header, une div .page, et une div .footer

Dans la div .page, j'en ai deux autres : #sidebar et #content comme indiqué dans l'image ci-jointe.
Or, la boîte .page grandit uniquement en fonction de la boîte #content et pas #sidebar....J'ai donc le résultat que vous voyez dans l'image jointe....
J'ai beau chercher et je ne trouve pas pourquoi j'ai ce résultat....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div class="page">
        <div id="sidebar">                  
        	<h1>Espace membre</h1>
                <hr />
	        <h1>Nos Annonces</h1>
        </div>
        <div id="content">
	<p>Blablabla</p>
        </div>
</div>

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
/* Zone CENTRE DE PAGE */
.page
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-image: url(images/body-repeat.gif);
    background-repeat: repeat-y;
    position: relative;
    width: 712px;
    padding: 0px 24px;
}
#sidebar {
	float: left;
	width: 214px;
	height: 100%;
}
 
#content {
	margin-left: 245px;
}