background

[Sdezign]

Bonjour,
donc je viens de bloquer mon background via le css:
body {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #f8e9f4;
text-align:center;
background-attachment: fixed;
background-image: url(../img/backhead2.jpg);
background-repeat: no-repeat;
background-color: #f8e9f4;
background-position: center top;
margin-top:225px;

et je voudrais egalement que mon eshop reste bloqué sous la marge de 225px et que l'on scroll seulement vers le bas!!

j'espere etre klr

[Swink]

Salut à toi,

Tu entend quoi par "Je viens de bloquer mon background via le css" ?

Et ton "Eshop" que tu veux bloquer aussi à 225px d'accord mais tu viens pas de le faire déjà ?

Je veux bien prendre un peut de temps pour toi mais peut tu etre plus précis stp.


Bye

[Sdezign]

Je t'envoi via MP le lien du site pour voir, ça sera beaucoup plus simple, merci à toi.

[Cédric Girard]

Bonjour

Si tu ne veux pas que ta boutique "passe" par-dessus ton background (c'est ce que, je pense, tu veux réaliser) il faut impérativement utiliser un DIV spécifique avec un attribut "overflow" (entre autres) de manière à ce que ce soit le contenu du DIV (ta boutique) qui scrolle et non la page complète (et évidemment un DIV pour le header, qui lui sera figé)

Je ne sais pas si je suis clair.

Mais avec la seule propriété Background seule, tu n'y arriveras pas, si j'ai bien compris ce que tu voulais faire ;-)

Un exemple avec un header de 150 pixels fixe ; le code CSS :

body {
 margin:0;
 padding:150px 0 0 0;
}

div#header {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:150px;
}

@media screen {
 body>div#header {
  position: fixed;
 }
}

* html body {
 overflow:hidden;
}

* html div#content {
 height:100%;
 overflow:auto;
}

et le code HTML :

 ici le header 
 ici le contenu 

[Sdezign]

Merci mais je ne vois pas ou mettre le code html? dans quelle page?