28234 sujets

CSS et mise en forme, CSS3

Problème de couleur d'arrière font avec div et float

Bonjour,

Je n'arrive pas à mettre dans une balise <div> une couleur d'arrièe font quand il y a dans cette balise deux <div> avec comme style "float: left".

Sur ma page html:
<div class="essai">
  <div class="essai2">1</div>
  <div class="essai2">2</div>
</div>


Sur ma feuille de style:
.essai
{
  width: 100%;
  background-color:#CCCCCC;
}
.essai2
{
  width: 45%;
  float:left;
}


Quelqu'un pourrais m'expliquer pourquoi ça ne marche pas? Merci d'avance pour votre aide.
Modifié par clement101 (15 Oct 2009 - 17:12)
Bonsoir,

Indépendamment du complément de lecture, je pense qu'il y a une modification à faire dans ton code html d'essai.
Dans ta CSS, les 2 div #essai2 ne font que 90% de la largeur et non pas 100% (of course!)
Mais pour que le fond du div #essai1 apparaisse, il faut qu'il y aie quelque chose dessus.
Si tu rajoutes un blanc insécable par exemple:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
<link href="style.css" rel="stylesheet" type="text/css" />
 
</head>
 
<body>
<div class="essai1">
  <div class="essai2">
    gauche 1
  </div>
  <div class="essai2">
    gauche 2
  </div>
 
</div>
 
</body>
</html>


Tu devrais voir la partie à droite sur 10%.
Merci pour cette info, en faite j'ai mis 90% pour être sur que les deux <div> d'essai puisse rentrer dans la <div> principal (pas que sa me joue des tours avec une histoire de margin ou autre). Elles sont maintenant à 100%.

Salutations.
Clément
Sujet clos
Aller à