comment avoir un footer en bas de page quelque soit la résolution?

**Icedarts** · 21/05/2009, 22h57

Bonjour à tous,

Je voulais savoir s'il y avait un moyen d'avoir un footer en bas de l'ecran même si le contenu de la page ne rempli pas tout et quelque soit la résolution de l'ecran.

pour être plus clair voila un lien d'une page de mon site:
http://forumdarts.free.fr/championnat.html

Vous voyez le logo xiti, j'aimerai qu'il soit en bas de mon ecran pour cela je pourrai utiliser un padding-top mais le problème c'est que cela ne tient pas compte de la résolution de l'ecran.
Etant en 1280x800 si je mets le footer à 750px et qu'une personne arrive avec une résolution de 800x600 le footer ne sera plus visible et il faudra utiliser la scrollbarre ce qui est inutil puisque la page est quasiment vide...

Voila j'espère que vous pourrez m'aider, merci d'avance!!!

**12monkeys** · 21/05/2009, 23h20

Bonsoir

Tu peut par exemple utiliser la position absolute associé à un bottom:0;

Il faudra simplement faire attention que le reste du contenu ne passe pas sous le footer.

Code html :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr-FR">
<head>
<title>Tests</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
#bas { 
        position:absolute;
        bottom:0;
}
</style>
</head>
 
<body>
<div id="bas">
contenu
</div>
 
</body>
</html>