Discussion :

[Daimonji]

Bonjour,

D'abord pardon si le sujet a déjà été abordé.

Voilà j'ai un CSS et un fichier HTML.
Dans ma page j'ai un menu à gauche, de position fixée. Dans la partie droite j'ai un espace pour le fil d'ariane, en dessous dans un autre "espace" le contenu et encore plus bas le pied de page.

Mon problème est que je ne sais pas comment faire pour que le fil d'ariane, le contenu et le pied de page se suivent verticalement (séparés par quelques pixels de hauteur).
La hauteur de l'espace pour le contenu est variable donc je ne peux pas indiquer à l'avance le 'top' pour l'espace pied de page.

Comment s'en sortir avec les CSS ? Merci.

[gorgonite]

La hauteur de l'espace pour le contenu est variable donc je ne peux pas indiquer à l'avance le 'top' pour l'espace pied de page.

Ben utilises bottom

Code :

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

1
2
	position: absolute;
	bottom: 0px;

[Daimonji]

Il faudrait que ça ressemble à ça, l'espace contenu est de hauteur variable, le pied de page n'est pas fixe : http://www.isfates.com/

[gorgonite]

Dans ce cas, si on considères que seul un bloc est suceptible d'avoir une taille importante, donc qu'il est le seul à devoir défiler...

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
#menu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
}
 
#page {
	margin-left: 55px;
}
 
#footer {
	position: absolute;
	bottom: 0px;
	// on n'indique pas sa hauteur
}
 
// pour maintenir "figer" dans la page
body>#menu, body>#footer {
	position: fixed;
}

comme ça ton pied de page fait la taille que tu veux, et on voit la page défiler dans ce qu'il reste...

[Daimonji]

J'ai testé ton exemple mais le problème c'est que je ne veux pas que la partie page et le footer puissent se chevaucher, quand on utilise des coins arrondis pour le pied de page cela ne fait pas très joli.

Je pensais intégrer le pied de page à ma partie contenu, en définissant ce bitmap :

comme placé à 60 pixels par rapport au bottom du contenu...