Discussion :

[guy2004]

Bonjour,
J'ai une mise en page du type 2 colonnes juxtaposées, l'une pour le texte et l'autre pour un menu.
Mon probleme est que celle du menu est plus longue que l'autre sous netscape !
Voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div id="container">
...
  <div id="cadre"></div>
  <div id="main"></div>
...
</div>

et voici les CSS concernes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
div#main { border:solid 1px red; height:inherit; margin: 0; position:relative; padding-top: 10px; padding-left: 10px; margin-right: 230px;  color: black; background: url(images/square_map.gif) 50% 50% no-repeat white;  border-left: 1px solid #376B9D;}
 
div#cadre {height:auto; padding: 0; margin: 2px 2px 0 0;  float:right; width: 205px; background: #B5C6DB; border: 1px solid #003399; }

Mon cadre est toujours plus grand, et si j'enleve le texte de "main" alors c la catastrophe !
Merci à ceux qui pourront me depanner :-)

[Linaa]

Tu peux spécifier la hauteur du div en pixel, au lieu de inherit ou auto, parce qu'on ne sait jamais comment se comporte ces propriétés dans différents navigateurs!

[guy2004]

oui mais si je mets en pixel cela ne s'ajustera pas au contenu ?!

[Linaa]

Oui, bien sûr! Mais j'vois pas d'autres solutions...