Jump to content
Sign in to follow this  
Sdezign

background

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

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

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
Sign in to follow this  

×
×
  • Create New...

Important Information

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