Diviser le Background en 2 : image en haut, couleur au centre, image en bas

[nathoudu34]

Bonjour à tous,

J'ai un petit souchis !
Je n'arrive pas a mettre deux Background en fond du site !

J'ai beau cherché toute l'après midi sans succès...

Je m'explique :
Une image fixe se répétera en haut de la page.
Au centre de la page il y aura du blanc.
Une image fixe se répétera en bas de la page.

Voir exemple en pièce jointe..

J'ai bien vu qu'il fallait changé tout ca dans le global.css mais je dois louper quelques choses...

Voici un bout de code :

body {
   background: transparent url(/themes/prestashop/img/fd-h.jpg) repeat-x scroll top ; 
   background: transparent url(/themes/prestashop/img/fd-b.jpg) repeat-x scroll bottom ; 
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #5d717e;
   text-align:center;
}

Ainsi que

#page {
   width: 980px;

   margin: 2px auto 2px auto;
   text-align:left;
   background-color: #ffffff;
   background-repeat: no-repeat;
   background-position: top;
   }

J'ai bien essayé de mettre tout ca entre des div mais sans succès !
Alors j'appelle a vous, expert du PrestaShop ! Venez aider une demoiselle en détresse !!

Merci d'avance =)

[clemclem]

Bonjour,
pourquoi ne pas utiliser un background pour le #header et un autre pour le footer tout simplement (créer une div pour le footer si elle n'existe pas) ?

[Dupont Communication]

Je pense aussi que c'est la meilleure solution!
Un backgroud top pour le header
Un backgroud bottom pour le footer
Et une background-color pour la page
Bonne chance!