Jump to content

background


 Share

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More