Discussion :

[mikael2235]

Bonjour,

Je vous sollicite, parce que j'ai un problème avec ma balise #content.

Je voudrais lui mettre une couleur (blanche en l'occurence), et surtout qu'elle fasse toute la hauteur de ma page.

Or, dans mon cas, elle ne fait que 1 cm de haut environ et en dessous il n'y a pas de couleur.

Je vous donne l'adresse du site, si vous voulez voir le code html + css.

Merci pour votre aide.




P.S. Voici le code. J'ai mis une couleur jaune provisoirement pendant mes essais.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#content {
	width: 980px;
	background-color: #ccff00;
	height: auto;
 
}

[sebhm]

Bonjour,

essaie deja de voir de ce coté là

(parce que la "place occupée" de ton div #content s'arrete à ton menu #banner sinon)

[mikael2235]

Bonjour,

essaie deja de voir de ce coté là

(parce que la "place occupée" de ton div #content s'arrete à ton menu #banner sinon)

Salut à toi sebhm,

J'ai utilisé ceci,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#content:after {
	content : ""; /* On génère une chaine vide */
	display : block;
	clear : both;
}

Et tout marche normalement.

Par contre si tu pouvais m'expliquer "le pourquoi du comment" ???

Merci pour ton aide.

[Macmillenium]

Par contre si tu pouvais m'expliquer "le pourquoi du comment" ???

C'est déjà expliqué dans la FAQ

Un élément flottant (doté de la propriété float avec les valeurs left ou right) est partiellement retiré du flux normal vis-à-vis de son bloc conteneur.

Quelques solutions permettant à un conteneur (ici #content) d'englober ses enfants flottants (ici #leftColumn et #rightColumn).

clear annule l'effet du float et rétablit le flux normal (Bruno Bichet donne plus de détails).

Sinon je te conseille plutôt d'établir un nouveau contexte de formatage (déjà indiqué dans la FAQ) via overflow:hidden par exemple.
Le width:980px; confère le layout donc pas grand chose à faire pour IE6.

Au passage, remets ton login/mdp si tu veux d'autres conseils.