18041 sujets

Questions générales et questions de débutants

Balise Float et background incompatible ? [Résolu]

Merci pour votre aide, j'ai utilisé la propriété height et effectivement cela fonctionne avec une couleur ou bien une image en background.

Merci a bientôt.


Bonjour, j'ai un petit probleme que je n'arrive pas à résoudre :
J'ai une feuille html avec une div principale ( main) qui à une couleur en background . Dans cette div j'ai deux autres div : colonneG et colonneD. Si j'attribue à ces div une balise "float" alors Je n'ai plus de couleurs de fond !!!

Est ce normal ? Je pense évidemment que non Merci de m'aider.
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
}
#main {
	/*background-attachment: fixed;*/
	background-color: #99CC00;

}

#main #colonneD {
	width: 50%;
	float: right;
}
#main #coloneG {
	width: 40%;	
	float: left;
}


-->
</style>
</head>

<body>

   <div class="main" id="main">
     <div class="colonneG" id="coloneG">
       <p>Placez ici le contenu de  class "colonneG" id "colonneG"</p>
       
     </div>
     
     <div class="colonneD" id="colonneD">
       <p>Placez ici le contenu de  class "colonneD" id "colonneD"</p>
     </div>
   </div>
   <!--Container -->

</body>
</html>
Smiley biggrin Smiley biggrin Smiley biggrin
Modifié par Pinok (02 Aug 2008 - 16:31)
Coucou,
Fais gaffe au nombre de "n" de "colonne".
En donnant un height à ton .main, tu as ta couleur.
body {
margin-left: 0px;
margin-top: 0px;
}
		
.main {
background-color: #99CC00;
height: 50px;
}

.main #colonneD {
width: 50%;
loat: right;
}
		
.main #colonneG {
width: 40%;
float: left;
}

<div class="main" id="main">
<div class="colonneG" id="colonneG">
<p>Placez ici le contenu de class "colonneG" id "colonneG"</p>
</div>
<div class="colonneD" id="colonneD">
<p>Placez ici le contenu de class "colonneD" id "colonneD"</p>
</div>
</div>

Modifié par buh31 (01 Aug 2008 - 22:19)
Bonsoir Pinok,

Merci de mettre ton code en forme sur ce forum pour améliorer la lisibilité de celui-ci.

En ce qui concerne ton problème, la solution de la hauteur donnée par buh31 n'est pas des mieux (elle donne juste une piste sur le pourquoi). Smiley cligne

Et hop un petit lien vers la FAQ ! Smiley cligne

Bonne continuation.
Romain
Sujet clos
Aller à