Centrer un div tout en conservant une largeur de 100%

[Seelass]

Bonjour à tous,

Je voudrais savoir les moyens possibles en xhtml/css pour centrer une div tout en faisant que la couleur prend toute la largeur de l'écran:

• Mon site est à fond blanc avec deux bandes de couleur (une bande en début de page et une autre en fin de page).

• Je voudrais faire de sorte que mes deux bandes occupent toute la largeur de mon écran, sachant que mon site est centré et de taille fixe (900px).

Quelles sont les moyens possibles en xhtml/css pour faire cela?

Merci de votre aide

[12monkeys]

Bonsoir

Tu peux utiliser 3 div dont la première et la dernière auront une largeur de 100%. La seconde se verra appliquer les règles CSS nécessaires pour la centrer : http://css.developpez.com/faq/?page=...orizontalement

[miss_socrates]

Tout simplement en plaçant une marge automatique à gauche et à droite de chaque div ce qui va les centrer:

Code :

1
2
3
.Nom_de_la_classe_div{
     margin:0 auto ;
}

(margin 0 pour ne pas laisser de marge en haut de chaque div)

[12monkeys]

@miss_socrates : réponse incomplète : si tu ne spécifie pas de taille width, ton div va prendre toute la largeur disponible, il n'y aura donc pas de centrage