Background inaparent lors de l'alignement de div

Bonjour et merci d'avance
Donc en bref mon problème est que le background n'apparait pas correctement quand j'aligne 2 div dans une autre div.
voici mon code XHTML:

<div id="presentation">
<div id="gauche">Du texte du texte du texte <br /> blabla <br /></div>
<div id="droite">Du texte du texte du texte <br /> blabla <br /></div>
</div>

voici mon css:

#presentation
{
	position:relative;
	display:block;
	margin:auto;
	padding:5px;
	width:500px;
	height:auto;
	background-color:#2b2b2b;
	background-image:url(images/fond_news.png);
	background-repeat:repeat-x;
	border: 1px solid #000;
	
}
#gauche
{
	width:250px;
	float:left;
	position:relative;
	display:block;
	
}
#droite
{
	width:250px;
	margin-left:250px;
	position:relative;
	display:block;
}

Salut,

sucre13 a écrit :
Donc en bref mon problème est que le background n'apparait pas correctement

Tu pourrais préciser ?

Et bien la couleur du fond de la div presentation ne continue pas à s'afficher en fonction du contenu. Pourtant j'ai remplacé le height:auto; par 100% mais toujours rien

Salut,

lire Comment éviter que mes éléments flottants (float) dépassent de leur conteneur ?

D'autre part tu déclares des valeurs d'attributs qui sont déjà celles par défaut d'un élément DIV (display:block;, margin:auto;, height:auto;) ou inutiles dans ton cas (position:relative;).

Donc plus globalement il faudrait passer un peu de temps à lire les articles de la section "Apprendre" : notamment Guide de survie du positionnement CSS
Modifié par Heyoan (22 Mar 2009 - 19:32)