[Résolu] Double Background

Mouss

Bonjour a toutes et Tous,

Voici l'url de mon site pour vous donner un visuel : Graff2Graph

voila, j'ai un background :

[== CSS ==]
body {
	background-color: #000;
	background-image: url("img/bg_top.jpg");
	background-position: 50% 0%;
	background-repeat: no-repeat;
	max-width: 950px;
	min-width: 650px;
	margin: 0px auto;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	padding: 120px;
}

Voici ce que je cherche a faire :

bg_top.jpg


bg_bas.jpg (qui se répéterais quand les articles s'allongent)


pour avoir ce résultat quand la page s'allonge :



j'ai rechercher sans succès.... si vous auriez une solution, Merci d'avance.

Steph_L

Bonjour.

Bienvenue et excellent le site, j'ai déjà commencé à regarder quelques tutos (comme le mur de briques).

Sinon, dans le css, n'aurais-tu pas le paramètre "#article" ou tu pourrais insérer un background avec ton image ?


Amicalement Steph

Mouss

Non je ne peut pas le mettre dans (#content) car ce dernier est de largeur max 1000px.

Hamtaro

et avec la balise html ?

html {
}

Je mettrais le fond du haut sur le html, et le reste sur le body

Mais j'ai vu que tu avais limité le body donc :
Tu crées un div avec un id dès le démarrage du body et tu lui appliques à peu près les carac du body, entre autres le max-width.
TOn body et ton html feront la largeur de la page, et là tu peux jouer avec.

Steph_L

Cette méthode n'impliquera t'elle pas un décalage entre les articles et le fond que désire Mouss ?

Ne faudrait-il pas plutôt recréer, comme tu le dis, une div plus large mais par article ?

Mouss

je vient de faire un test avec ceci :

background:url(img/bg_top.jpg) no-repeat top, url(img/bg_bas.jpg) repeat-y center;

et cela fonctionne impec sous Chrome, mais pas sous IE...... résultat ---> Graff2Graph

Steph_L

Malheureusement sous firefox non plus.

Mouss

moi sous Firefox 21 à 23.0.1 cela Fonctionne correctement ! j'ai juste Explorer ou je ne vois pas les Background...

Steph_L

Perso j'ai la version 23.0.build2 (Oubuntu.12.04.1, oui je suis sous Linux).

Par contre, cela fonctionne sous konqueror, Midori et sous Epiphany (moteur Safari).

Mouss

Merci de l'info, car c'est vrai que je n'est pas pensé aux Mac... je vais donc me pencher sur la compatibilité.

Hamtaro

Oulalala attention à pas confondre Mac et Linux...

Sous Mac et Chrome, ça marche