1 pièce(s) jointe(s)
hauteur DIV en fonction de celles qu'elle contient
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:
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:
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;
} |
Merci d'avance d'éclairer ma lanterne ;)
