Aide - Recherche - Membres - Calendrier
Version complète : Background Fixe
La Communauté TitaXium > Service Communication > Espace Developpement
Nokilling
Salut tous le monde smile.gif
Voila, j'ai une question à propos de la mise en page d'un site internet smile.gif
Voila, j'aimerai bien mettre sur mon site un background sur le coté de mon site qui ne bougerais pas, et lorsque l'on fait un scroll vers le bas, que ce background reste, comme sur ce site en faites : http://www.bf2live.com/

Car là, j'aimerai bien faire une répétition de mon centre qui sera "vide", et le bas et le haut qui seront composé d'images qui ne devront pas être répété.

Donc là, mon problème, c'est l'utilisation du fixed, car je ne vois pas comment faire pour faire répéter sur chaque coté le centre.

Car sinon, j'aurais bien découpé mon image en 3, avec la partie à répéter en repeat, mais là avec le fixed, je ne vois vraiment pas comment faire.

Merci d'avance smile.gif
nonos
Regarde leur feuille de style :
Code
body {
    margin:0;
    background:#02121B url("../img/portal/body-bg.png") center top repeat-x fixed;
    font:10px Verdana, Arial, Helvetica, sans-serif;
}
Nokilling
Ouai j'ai vu, mais apparament eux, ils ont pas de répétition du centre, enfin je ne crois pas, car il y a un dégradé sur leur image, alors que moi je voudrais avoir le haut, et le bas en fixe, mais le centre en repeat.

Et là je ne vois pas comment faire, car c'est à la fois fixe et étendu.

Merci d'avance smile.gif
Fantome
il faut que tu fasse 3 blocs, un pour le haut, un pour le bas et le dernier qui s'étend au milieu.
Nokilling
En fait, je viens de voir comment ils avaient fait eux, ils ont pris une immense image qu'ils ont mis en background, et après il centre le site smile.gif

Sinon, comment faire 3 blocks pour le body ?
Car j'ai un conteneur pour centrer mon site au centre du design, et donc il faudrait que je fasse un autre conteneur qui servira pour le background ?

Merci d'avance smile.gif
Overcrash
Tu peux le mettre en fond de ton conteneur non?
Nokilling
Non, car le fond de mon conteneur est différent de celui qui serait sur le coté.
Donc je pense que je vais essayer leur solution en mettant un immense background smile.gif
Overcrash
body {
margin:0;
background:#02121B url("bg.png") center top repeat-x fixed;
}

#conteneur {
background:#02121B url("bg-conteneur.png") repeat-y;
}

Essaye comme ça.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2010 Invision Power Services, Inc.