[CSS] Pied de page

Bonjour a tous,

Je voudrai savoir si on peut définir un footer sur tout un site grâce a un CSS.

Donc dans les fait, j’ai un bout de code HTML (identique) en bas de chaque page du site, que je repete a la main, et que je doit modifier régulièrement sur chaque page aussi …

Je me demandais si c’était possible de le définir une bonne fois pour toute dans mon fichier CSS?
Est il possible que même si la page n’est pas « remplie » il se cale tout seul en bas ?

Merci :crying:

PS : J’avoue je squatte un peut le forum Web Dev en ce moment … :slight_smile:

Si le bloc est en fin de fichier (près du ) c’est très simple :

HTML :[html]

[/html]

CSS :#footer { border-top:1em solid #d1e0ef; margin:0; padding:0.5em; width:100%; clear:both; background:#f8f8f8 url(images/footer.png) repeat-x scroll top left; /* fond à adapter */ }

Sinon si ton serveur supporte le PHP, je te suggère d’utiliser la fonction require() pour éviter de définir 30 fois le footer. Tu crées un fichier footer.html et ensuite tu mets <?php require(dirname(__FILE__).'/footer.html'); ?> là où tu veux ton footer.

[quote=« Moe, post:2, topic: 46907 »]Sinon si ton serveur supporte le PHP, je te suggère d’utiliser la fonction require() pour éviter de définir 30 fois le footer. Tu crées un fichier footer.html et ensuite tu mets <?php require(dirname(__FILE__).'/footer.html'); ?> là où tu veux ton footer.[/quote]SUPER c’est exactement ce que je voulais, merci Moe :cry:

Sinon est il possible de le placer automatiquement en bas de la page ? une sorte d’espace élastique ca m’économisera des
:slight_smile:
Le seul conseil que j’ai eut pour ca c’est d’utiliser une frame :crying:

Un peu de lecture
http://ryanfait.com/sticky-footer/
ou
http://pompage.net/pompe/pieds/
ou
http://web.covertprestige.info/test/16-pag…-de-page-1.html

Merci pour ces liens j’ai appris pleins de choses :crying:

J’ai donc mis dans mon CSS ca :#footer { position: absolute; bottom: 5; height: auto; left: 50%; right: 50% margin-left: auto; margin-right: auto; }

Mais vu que mon footer est un bout de code appelée par la fonction require() décrite plus haut, il me centre mon footer sur la gauche du code appelée par le require.

Une capture sera surement plus explicite:

J’ai matérialisé le code appelé par require() en gris et le centre de la page par la ligne rouge.

Y a une solution ou j’en demande trop ? :slight_smile: