Float et problème de background

Bonjour,

J'ai un div #content ou j'ai mis deux div à l'intérieur pour faire deux colonnes, ces deux colonnes ont l'attribut float right et left, pour le positionnement cela fonctionne bien mais cela fait disparaitre l'image de fond qui est censé se répéter sur le div #content. Vous pouvez voir ce que cela donne ici.

J'ai fait quelques essais mais étant amateur j'ai plus tâtonné qu'autre chose donc je me suis dit que le mieux serait vous présenter le code en l'état car plus qu'une marche à suivre pour résoudre e problème j'aimerai vraiment tenter de comprendre pourquoi ces éléments interagissent de la sorte.

Merci d'avance

Salut,

déjà ce serait plus simple d'utiliser un conteneur global (par exemple <div id="global">) et de le centrer plutôt que de centrer chacun des blocs.

Ensuite il ne faut pas faire flotter inutilement les éléments qui n'en ont pas besoin (je pense à l'élément UL).

Pour ton problème lire Comment éviter que mes éléments flottants (float) dépassent de leur conteneur.

En résumé :

#content {
	...
	overflow: hidden;
}

Modifié par Heyoan (18 Mar 2010 - 12:56)