28173 sujets

CSS et mise en forme, CSS3

Height de balise div

Bonjour,

J'ai un léger soucis, j'ai une balise div nomme milieu, qui contient 3 autre balise div du genre :


<div id="milieu">			
  <div id="gauche">Petits arbres</div>
  <div id="separateur"></div>
  <div id="droite">
    <table id="tblListe">
      <tr id="trHeader">
	<td id="tdTitre">Petits Arbres</td>
      </tr>
      <tr id="trHeaderColonne">
        <td class="tdTitreColonne">...</td>
	<td class="tdTitreColonne">...</td>
      </tr>
    </table>
  </div>
</div>


J'aimerais, que peut importe le contenu dans la partie gauche, ou droite, la hauteur de chaque section s'ajuste automatiquement à la hauteur de la section la plus longue.

Voici les liens vous permettant de voir les codes :
page web : --http://iteckwebx.infoteck.qc.ca/psn3.com/petits-arbres.php
css:--http://iteckwebx.infoteck.qc.ca/psn3.com/petits-arbres.css

merci
Bonjour,
Premierement je te deconseille d'utiliser le DTD
a écrit :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
qui fais basculer le mode de rendu de certains navigateurs (pas IE dans ton cas) récents en mode de rendu Quirks (mode de rendu propriétaire et non standard...) fais des recherches ici pour plus d'explication.
Bon je n'ai pas le temps de regarder en detail ta css et ton code mais
tu devrais coommencer par eviter d'utiliser la position:absolute qd tu n'en a pas besoin (div#droite) car elle fait sortir le div du flux.
Ensuite tes heignt: x% ne servent à rien s'il n'ont pas de div parents avec un height définit en px ou %. (x% de quoi?)
Si tu utilise les % pour ton div principal, tu dois declarer
html, body {height:100%}

Si tu veux que ton div gauche sur fond blc s'adapte à la hauteur de la table par exemple, tu dois lui attribuer la declaration height:100% mais pour que ça fonctionne tu dois auparavant spécifier une hauteur à ton div principal en % de préférence dans ton cas.
Modifié par Hermann (20 Feb 2006 - 14:55)
Bonjour !Herrman , tu parles de spécifier la hauteur du div parent en %, mais il me semblait que pour que le div enfant s'adapte à la hauteur du parent, il fallait que celle ci soit exprimée en pixels, à moins que je me trompe...
Doit-on faire quelque chose de spécial pour que ça marche aussi en %?
Sujet clos
Aller à