[Résolu] Hauteur d'un DIV conteneur adapté au DIV intérieur

Bonjour!

Bon, je ne sais pas trop quoi chercher dans le moteur de recherche, et je sais que c'est un cas qui doit revenir souvent... désolé.

J'essaie de faire ça simple:

#container {
  width: 974px;
  margin: 0 auto;
  background: url(../images/layout/mainTop.jpg) white no-repeat;
  padding: 30px 15px 15px 15px;
  min-height: 468px;
}

#subContainer {
  width: 100%;
  min-height: 468px;
  background-color: #e9eaea;
}

#content {
  margin: 15px 5px 0 15px;
}

#contentRight {
  float: right;
  width: 184px;
  margin-bottom: 10px;
}

<div id="container">
  <div id="subContainer">
    <div id="content">
      <div id="contentRight">
      </div>
      <div>Du texte qui, lorsque trop long, fait agrandir le height de ses parents.</div>
    </div>
  </div>
</div>

Le problème que j'ai, c'est que j'aimerais bien que le DIV en float: right ait le même comportement que le div qui contient du texte: agrandir le height de ses parents.

Ça semble bien fonctionner sous IE, mais pas sous Firefox.

En espérant avoir été assez clair, merci
Modifié par DarkMalow (23 Nov 2009 - 19:36)

Bonjour aussi...

Une petite recherche sur les colonnes factices devrait répondre à ton problème.

Merci.

Seulement, je ne crois pas que ça peut répondre à mon problème. Je n'ai pas de couleur de fond différente entre mes deux colonnes. J'ai un Footer aussi, et en ce moment, le contentRight dépasse et embarque sur le footer.

De plus, mon principal souci est que tout fonctionne à merveille sous IE, mais pas sous Firefox. Ni Chrome.

Histoire de mieux comprendre ce dont je parle, voici une image du site web:

Image

J'ai mis les borders de couleur

Rouge: subContainer
Vert: content
Bleu: contentRight
Modifié par DarkMalow (23 Nov 2009 - 19:16)

Tu fais face à un problème de boîte flottante. Un petit coup d'oeil par ici devrait t'aider à y remédier.

Le fameux spacer!

Merci! J'avais déjà fait face à ce problème, et en regardant le lien que tu m'as donné, quand j'ai vu le "spacer", tout m'est soudainement revenu!

Merci beaucoup!

Comme quoi quand on a trop le nez dans ses trucs on voit pu clair! XD