Discussion :

[Nicolas N.]

Bonjour,

Hum ... mon titre n'est pas très explicite, désolé. J'ai un léger problème en CSS. En fait, je souhaiterais pouvoir "coller" une bordure à la fin de ma page. Deux cas se présentent :

- Soit je met une border-bottom au body, ce qui fonctionne lorsque la page est assez longue pour laisser apparaitre une scrollbar (le pieds est bien collé à la fin), mais cela ne fonctionne plus lorsqu'il n'y a pas de scrollbar (le pieds "flotte" dans la page).

- Soit je met un <div> en position absolute et bottom: 0px; ce qui fonctionne lorsque la page n'a pas de scrollbar, mais qui pose probleme lorsque les scrollbars apparaissent

Auriez-vous une solution miracle à me soumettre ?

Merci d'avance !
Nico.

[Erwan31]

Bonjour,
tu dois pour commencer fixer la hauteur de l'élément racine (html) et du body à 100%, puis créer un conteneur (wrapper ici), ajouter un padding bottom au moins égale à la hauteur de ton footer à l'élément qui précède ton footer pour éviter les superpositions.

Code :

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

1
2
3
4
5
6
7
8
9
10
html, body {height: 100%;}
#wrapper {
	position:relative; 
	min-height:100%;
}
#content {padding-bottom:10em;}
#footer {
	position:absolute; 
	bottom:0;
	}

Structure

Code :

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

1
2
3
4
5
<div id="wrapper">
     ....
     <div id="content"></div>
     <div id="footer"></div>
</div>

[franculo_caoulene]

On devrait mettre ce code dans la galerie, c'est demandé tellement souvent.

[Erwan31]

On devrait mettre ce code dans la galerie, c'est demandé tellement souvent.

OK dans "Modèles de mise en page" en effet ça pourrait être pas mal.
Merci de la suggestion, je vais voir ça avec Bisûnûrs.

[voleurdecarottes]

J'aime pas trop cette soluce: en cas d'overflow sur "content", le rendu n'est pas bon, la barre de défilement passe sous le div de pied de page. J'ai une autre soluce si vous voulez, y'a plus de code mais le rendu est meilleur sur les overflow. Je vais m'inscrire en tant qu'auteur pour poster ça

[HiRoN]

Je vais m'inscrire en tant qu'auteur pour poster ça

Traduction ?

[voleurdecarottes]

Traduction ?

Ce que je veux dire, c'est que mon pseudo actuel étant tout simplement ridicule (il faut bien le dire), je n'ai pas envie de poster dans la galerie css avec ce pseudo.

[HiRoN]

Ce que je veux dire, c'est que mon pseudo actuel étant tout simplement ridicule (il faut bien le dire), je n'ai pas envie de poster dans la galerie css avec ce pseudo.

C'est pas moi qui l'ai dit...
Le mieux serait que tu proposes ton code par exemple ici (vu que c'est un forum d'entre-aide) pour commencer