[RESOLU] Background footer sur toute la largeur

[123julien]

Bonjour à tous,

Je reviens vers vous une nouvelle fois.

En effet je souhaiterai donner à mon footer un background qui prendrait la largeur totale de la page et non seulement du footer en lui-même. Pour le moment j'ai bien crée mon img et mis dans mon css

#footer {
background: transparent url('../img/bg_footer.jpg') repeat-x;

Mais l'img s'arrête au bordure mon footer (largeur du site: 930px).

Je suppose que le réglage est tout bête mais je n'arrive pas à mettre la main dessus.

D'avance merci

Ju

[minirj01]

Bonjour,
Essaye: #footer {
background: transparent url('../img/bg_footer.jpg') repeat-x; width: 930px; }

[123julien]

Oops,

J'ai du mal m'expliquer. Je voudrais que le background soit sur la totalité de la page pas uniquement sur la largeur de la page. Et j'ai beau mettre width: 100% ca ne change rien.

Je suppose que ca vient d'une histoire de div mais je n'arrive pas à mettre la main dessus.

[Atch]

Salut,

En effet il faut modifier le fichier footer.tpl et sortir

qui se trouve dans

.

tant que le footer restera dans le block page, la largeur max sera égale au parent

exemple ici :
http://svracer.free.fr/prestashop/

V++

Atch

[minirj01]

Une image pour voir ou un lien pour firebuguer ça ?
Edit: je crois que Atch a donné la bonne réponse.

[123julien]

J'ai sorti le footer de la div de la page et ca me permet de lui donner un width de 100% en effet mais j'aimerai ne donner cette largeur qu'à l'image de background et pas au contenu.

Je vous joins une image de ce que ca donne ainsi que les codes CSS et de footer.tpl.

Merci de votre aide

CSS:

[Atch]

Maintenant il te faut centrer le contenu(block) avec un margin: 0 auto; par exemple.

(As tu un lien, en MP si tu veux)

V++

Atch

[123julien]

Infos envoyées par MP.

Merci beaucoup

[123julien]

Problème résolu.

La solution se trouve en fait simplement dans le css au sein duquel j'ai ajouté une variable "ul#footer" avec la largeur que je souhaitais pour mon texte et une margin: 0 auto pour centrer le tout.

Merci encore

[ps93]

Pourrais-tu stp mettre le code directement car j'aimerai en faire autant...

[123julien]

ul#bottom {
background:transparent url(../img/bg_footer.png) repeat-x scroll 0 0;
list-style-type:none;
margin:1em auto;
} 

Et voilà

[ps93]

Thanks !
Je vais tester ce weekend

[Sanis]

Salut,

En effet il faut modifier le fichier footer.tpl et sortir

qui se trouve dans

.

tant que le footer restera dans le block page, la largeur max sera égale au parent

exemple ici :
http://svracer.free.fr/prestashop/

V++

Atch

Hi,
Couldn't find anything related in the english forum, so iam asking it here.
How exactly do you move footer div from under the page div, like in your template above?

Thanks in advance.

[divers972]

Salut,

En effet il faut modifier le fichier footer.tpl et sortir

qui se trouve dans

.

tant que le footer restera dans le block page, la largeur max sera égale au parent

exemple ici :
http://svracer.free.fr/prestashop/

V++

Atch

Salut tout le monde,

Quand on sort le

qui se trouve dans

On se retrouve avec l'erreur suivante sous W3C... ( http://validator.w3.org/ )

end tag for element "div" which is not open

Ne peux t-on pas éviter cela svp?