Discussion :

[crazyyann]

Bonjour,

ci dessous le petit bout de code CSS que j'utilise pour positionner un div en bas de page

Code :

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

1
2
3
4
5
.Footer
{
	position: fixed;
	bottom: 0;
}

Ça fonctionne, mais à l'impression, si le document fait plusieurs pages, le div est répété en bas de chacune d'elles alors que je souhaiterai qu'il n’apparaisse qu'en bas de la dernière page.

Quelqu'un pour me donner un coup de main?

Merci d'avance.

[Bovino]

Code :

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

position: absolute;

?

[crazyyann]

Merci pour le coup de main, mais avec

Code :

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

1
2
3
4
5
6
 
.Footer
{
	position: absolute;
	bottom: 0;
}

le div n'apparait bien qu'une seul fois mais sur la première page et non la dernière.

[vinou33]

Il faudrait peut-être mettre le body en relative non ?

Code :

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

1
2
3
4
5
6
7
8
 
body {
    position: relative !important;
}
.footer {
    position: absolute !important;
    bottom: 0 !important;
}

PS: j'ai mis !important au cas où ton code soit écrasé un peu plus loin par une autre instruction css. Ça vaut le coup parfois de tester sans et avec si tu n'utilises pas des outils tels que firebug sur firefox ou les outils de développement de Chrome.

[crazyyann]

Merci mais mettre le body en relative ne résout pas le probleme.

[NoSmoking]

Bonjour,
pour l'impression passe de position: fixed à position: relative ton footer, si la conception de la page est correcte cela devrait le repousser en fin de document.