( résolu ] Div de même hauteur ?

Bonjour

Je suis en train de mettre en place un layout, je bloque sur un problème que je ne parviens pas à résoudre

Je souhaiterai avoir la même hauteur pour la div "menu gauche" en bleu et la div "contenu" en jaune....! Est ce possible sans mettre une valeur en pixel ? Merçi pour votre aide

Bonne soirée

http://www.hasparren.net/essai.html
( le css est embarqué dans la pge html )

Code css :

* contenair */
#contenair {
background: pink;
margin-top: 25px;
}
/* menu vertical gauche */
#menu {
float: left;
width: 14%;  
background: blue;
}

/* principal */
#contenu {
float: left;
width: 82%;  
margin-right: 1em;
padding-left: 1.5em;
border-left:  1px solid #76a9dd;
text-align: justify;
background: yellow;    
}

Code html :

<!-- div contenant le menu gauche et le contenu de la page-->
<div id="contenair">
<!-- Menu gauche navigation général -->
<div id="menu">
  <p>Menu gauche <br />

      <br />
      <br />
      <br />
      <br />
      </p>
  <p>&nbsp;</p>
  <p><br />
      </p>
  <p>&nbsp;</p>

  <p><br />
</p>
  </div>
<div id="contenu">
  <p>contenu de la page <br />
      <br />
  </p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>

  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;    </p>
</div>

Modifié par africa (18 Sep 2007 - 17:04)

Hélas, les deux div sont indépendantes et la hauteur de l'une ne pourra pas être liée à celle de l'autre. Cherche "colonnes factices", tu devrais trouver, j'espere, une solution à ton problème. Le truc consiste à englober le menu et le contenu dans un div parent, et d'appliquer une image de fond à ce div pour donner l'illusion d'un design à deux colonnes

salut,
personnellement je cherche aussi la solution ayant déjà été confronté a ce problème récemment
pas trouver de solution qui me convenait (car j'avais de la mise en page spécifique a faire, du type image en fond en bas de la zone menu)
peut etre que tu trouvera ici tno bonheur :
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS

la solution que j'utilise actuellement c'est juste de mettre une table a cet endroit avec 1 ligne et 2 collonnes, ca surcharge pas la page et ca reste clair

Merci pour vos réponses, je vais voir du côté des colonnes factices

Bonne soirée