28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis en train de coder un kit graphique, et je bute sur un élément.

La structure est présente ici : -

Dés que j'affecte à l'élément "contenu" un background :
background: url(images/bg-contenu.jpg) repeat-y;
celui ci passe au dessus de l'image en background affecté au body :

body {
	background: #eee url(images/bg.jpg) no-repeat center top;
	text-align: center;
	font: normal 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #515151;
}


J'ai été obligé d'affecter au body cette image en background, pour que le kit soit visible dans le plus de résolution possible. Si je l'avais mais dans un bloc central de 1000px (comme mon div "site"), l'image aurait été coupé.

Peut être qu'il est impossible de résoudre ce problème au vu de mon codage déjà effectué (notamment en ayant attribué au body le background de mon header). La question à se poser ne serait alors pas celle de départ, mais celle là : comment faire la même chose qu'avec le bg du body sans l'affecter au body ?

Merci d'avance
Modifié par guicara (26 Feb 2009 - 16:07)