Discussion :

[masseur]

Bonjour.

J'aimerai que le contenu (vertivalement) prenne toujours toute la hauteur de la page du naviguateur meme si le nombre de réponse renvoyée est infime
Voici mon code html

Code :

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

1
2
3
4
5
6
 
<div id="all">
<div id="header"></div>
<div id="contenu">
</div><!--fin div contenu-->
</div><!--fin div all-->

Et voici mon 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
 
#all {
	background: url(images/fond_all.png) top center repeat-y !important;
	background: url(images/fond_all.gif) top center repeat-y; 
	width: 540px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%; 
}
 
#header {
	height: 91px; 
	width: 540px;
	margin-bottom: 0 !important;
 
	background: url(images/header.png) top right no-repeat !important;
	background: url(images/header.gif) top right no-repeat; /*stoopid ie*/
}
 
#contenu {
    margin-top:10px;
	width: 520px;
	padding-left: 10px;
}

Le site ne s'allonge pourtant pas sur toute la hauteur comment faire?
COrdialement

[lodan]

Tu as essayé un

Code :

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

height: xxxpx;

sur le contenu ?

[Bisûnûrs]

Rajoute

Code :

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

1
2
3
html,body{
   height:100%;
}

[kaiser59]

Salut,

Ceci devrait faire l'affaire

Code :

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

1
2
3
4
5
6
#contenu {
margin-top:10px;
width: 520px;
height:100%;
padding-left: 10px;
}

le height égale à 100% prendra toute la hauteur de la page quelque soit l'affichage de l'utilisateur.

++