28172 sujets

CSS et mise en forme, CSS3

Background blanc sur le centre de la page

Bonjour,

Je galère depuis quelques heures sur un simple background...

J'ai placé un texture de bois en background, comme vous pouvez le voir.


J'aimerais cependant garder le centre de la page sur fond blanc, comme sur ce site par exemple http://www.pantalons.com mais je n'arrive pas a trouver le bon div.

Logiquement ca devrait être dans le css au niveau de "page" ligne 196 mais je n'ai pas trouvé la solution.

Auriez vous une idée pour corriger mon problème ?

Merci d'avance,
Modifié par JeansManiac (02 Dec 2011 - 10:01)
Salut,

Le (principal) problème vient du fait que tes "colonnes" sont flottantes. Du coup, elle sortent du flux et n'étendent pas la div .page en hauteur (la div .page est toute petite en hauteur).

Une solution serait de ne pas mettre la colonne #center_column en flottant (ligne 232) (mais en laissant la colonne de gauche flottante). Ensuite, tu met une marge gauche à ta colonne centrale pour qu'elle se positionne à coté de celle de gauche: margin-left:210px par exemple.

En faisant ça, tu auras un magnifique fond rouge vif, correspondant à ta déclaration ligne 223 Smiley cligne

(En vrai, ton code mériterait d'être amélioré; en particulier, le positionnement absolu de la div .breadcrumb tout en la mettant dans la colonne centrale ne me semble pas justifiée (il faudrait mettre la div .breadcrumb directement dans la .page)
JeansManiac a écrit :
Apres ces modifications (je pense) j'ai un grand espace qui se rajoute entre le "tri" et les photos des produits sur cette pages

Je n'ai pas constaté ce problème (Firefox 10, IE 8), j'imagine que c'est corrigé.
Sujet clos
Aller à