<div id=contenu> hauteur variable avec scroll

Version imprimable

20/03/2006, 14h47
camyo

<div id=contenu> hauteur variable avec scroll

Bonjour,

j'essaye desesperement
de faire ma mise en page

un header fixe (120px)

un contenu ( hauteur variable total ecran - header - footer avec scroll)

footer fixe (40 px) toujours en bas ecran

et j'y arrive pas

si je defini mes dimentions en %age selon la resolution c'est ignoble

si je ne donne pas d'attribu hauteur a mon contenu il grandi jusqu'a la fin de mon texte .

y'a un truc que j'ai pas saisie ...... :?

si quelqu'un est plus au point .... merci
20/03/2006, 16h41
Oluha

sans ton code je vois pas ce qu'on peut faire :roll:

mon code :

Code:

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
HTML {
	/*OVERFLOW: auto;*/ WIDTH: 100%; HEIGHT: 100%
}
BODY {
	OVERFLOW: auto; WIDTH: 100%; HEIGHT: 100%
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#contenu {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	OVERFLOW: auto; 
	WIDTH: 100%; 
	PADDING-TOP: 0px; 
	 :arrow: HEIGHT:  :?: ; 
	BACKGROUND-COLOR: #000000
}
#header {
	WIDTH: 100%; HEIGHT: 130px; BACKGROUND-COLOR: #000000
}
#footer {
	position: absolute;
	bottom: 0;
	WIDTH: 100%; HEIGHT: 20px; BACKGROUND-COLOR: #000000
}

voila
merci d'avance

20/03/2006, 22h14
difficiledetrouver1pseudo

j'ai essayé de faire la même chose mais je n'y suis pas arrivé.

Ca fonctionne sous IE mais impossible de le faire fonctionner sous FF.

voici la page :
http://j.miot.free.fr/new/2/

si tu y arrives je suis preneur.
21/03/2006, 11h01
Oluha

ah je vois mieux ce que tu veux faire

pareil, j'ai essayé mais rien à faire