[Résolu] Recentrage background

Bonjour,

Je cherche déséspérément à ce qu'une image qui se répète en background (y) reste centrée qq soit la resolution ecran utilisateurs :

ex : http://www.maison-bois-contemporaine.com/

mon fond en bois est bien centré sur du 1680/1050
mais pour une autre resolution ça n'est pas centré

et je ne veux pas employé une grosse image de fond centrée
(trop lourd)

help please
Modifié par kimco (18 Aug 2008 - 15:29)

Bonjour,

Quelques erreurs dans ton CSS.
Pour commencer, il est indenté très bizarrement. Tu es sûr de t'y repérer avec ce genre d'indentation en apparence complètement chaotique?

Ensuite, tu écris ceci:

html, body {
	height: 100%;
	[#red]margin: 0;[/#]
	[#red]background-position: center;[/#]
	[#blue]background: url(img/bg.jpg);[/#]
	background-repeat: repeat-y;
	display: block;
	[#blue]margin: auto;[/#]
}

Premier problème: tu appliques ces styles à HTML et BODY, alors qu'il faudrait cibler plus précisement les éléments à styler et ne pas mettre les deux dans le même sac!

Deuxième problème: le display: block est splendidement inutile.

Troisième problème: tu as des déclarations CSS (en rouge) qui sont écrasées quelques lignes plus bas par de nouvelles déclarations CSS (en bleu).

Au final, tu aurais plutôt besoin d'un code comme suit:

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	color: white;
	background: #78614f url(img/bg.jpg) repeat-y center top;
}

C'est grâce à des gens sympathiques et compétents comme toi
qu'on avance !

Mille fois merci

Alors un petit [Résolu] pour fêter ça.