18067 sujets

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

[Résolu] Problème avec un div englobant

Bonjour,

J'ai un problème avec un div englobant. J'ai fait un petit exemple pour vous montrer ce qui ne marche pas.

HTML
  <div id="cadre">
  
    <div id="accueil-gauche">
      <div class="contenu">
        <p class="contenu">
          Texte #1
        </p>
      </div>        
    </div>
      
    <div id="accueil-droit">
      <div class="contenu">
        <p class="contenu">
          Texte #2
        </p>
      </div>
    </div>
    
  </div>


CSS
body
{
  background-color:#e0e0e0;
}

div#cadre
{
  background-color:#ffffff;
  height:auto;
  margin:0 auto;
  width:600px;
  border:1px solid;
}

div#accueil-gauche
{
  padding:10px 10px 10px 10px;
  float:left;
}

div#accueil-droit
{
  padding:10px 10px 10px 10px;
  float:right;
}

div#accueil-gauche div.contenu
{
  background-color:#f6f6f6;
  width:250px;
  height:600px;
  border:1px solid;
}

div#accueil-droit div.contenu
{
  background-color:#f6f6f6;
  width:250px;
  height:600px;
  border:1px solid;
}

p.contenu
{
  font-family:Verdana;
  color:#727171;
}


Le problème est que le div "Cadre" ne s'exécute pas. Je suis pas mal sur que c'est la propriété "height" qui est problématique, car si je met une valeur (par exemple : 800px), ça fonctionne, mais je voudrais que la hauteur s'ajuste dynamiquement....

Merci
a+
Modifié par Kiboumz (21 Jun 2006 - 01:14)
Bonjour

Dans ta feuille de style tu ajoutes ceci
.clr{clear:both;}


Dans ton html tu ajoutes cela
<div class="clr"></div>
</div>
</body>
</html>

J'espère que j'ai compris ta question. Smiley smile


@+
Sujet clos
Aller à