Problème de background avec float (design extensible)

Bonjour à tous,

Après une petite recherche sur les différents topics, articles et tutos du site je n'ai pas réussi à résoudre mon problème que voici:

<div id="centre">
<h1 class="plume">Nous avons les moyens de faire parler de vous!</h1>
<div id="content">
<p>Lorem ipsum</p>
</div>
<div id="content1">
<p>Lorem ipsum</p>
</div>  	
</div>

Et point de vue du CSS:

#content{
	width: 40%;
	float: left;
	background-color: #FFF;
}
#content1 {
	width: 35%;
	float: right;
	background-color: #FFF;
}

Mon problème est que je n'arrive pas à étendre le blanc sur toute la largeur du site, sachant que le background du body est d'un autre couleur.
J'espère que vous aurez assez d'info pour m'aider

Ciao,
Spiky.

Bonjour et bienvenue Spiky,

#content et #content1 étant tous les deux flottants, #centre englobe (visuellement!) ton titre de niveau 1 et c'est tout.
Tu as alors un dépassement de flottants qu'explique très bien Florent V.; pour le reste et comme tu n'as pas copié-collé les règles pour #centre et body, je te laisse lire les pistes proposées dans le lien
Modifié par Felipe (27 Feb 2009 - 16:35)

Merci beaucoup pour le lien, mon problème est reglé

Ciao,
Spiky.