[Résolu] Centrage du footer

Bonjour à tous,

J'ai une erreur, je sais d'où elle vient mais....ne sait pas comment la résoudre

Je vous explique : Je souhaite qu'il y ait en arrière-plan de mon footer, un bandeau rouge qui fasse toute la largeur de la page web (quelque soit la résolution d'écran du visiteur).

J'ai mon body qui a un width:100% et un #bloc_page avec un width:1024px et ce bloc_page est centré dans mon body

Pour que mon footer fasse toute la largeur de l'écran, je ne l'ai pas mis dans mon bloc_page qui est limité à 1024px, il est dans mon body.

Pour finir, lorsque que l'écran affiche la page dans son ensemble pas de soucis, par contre si l'affichage est inférieur au 1024px de mon bloc_page, mon footer se centre et n'est plus aligné à l'ensemble de la page.

Et voici ce que ça donne :
Quand ça va :


Quand ça ne va pas :


Help me please

... et l'on voit aussi que le texte est "mangé" dans le cadre.

Vous n'auriez pas un exemple en ligne ?

Bonjour Olivier,

Je viens de le mettre en ligne :
rodolphe.meslin.free.fr

et voici le CSS:
rodolphe.meslin.free.fr/css.txt

Pour voir le problème, il faut réduire ta fenêtre de navigation en largeur et tu vas voir mon footer qui se décale.

Merci d'avance de ton aide.
Modifié par Freemuse (20 Jan 2014 - 08:29)

Salut,


si tu mets :

min-width: 1025px;

à ton body, le bug ne survient plus. tu limite largeur du body.

Sinon tu mets ton image dans ta zone "bloc page". tu joue avec une marge négative pour le footer et un z-index.. .

Superbe ,

Merci beaucoup, ça fonctionne.