[IFrame] encore et toujours height=100%

J'ai lu une tripoté de messages/tutoriaux sur le sujet, mais pas moyen de faire de que je veux, du coup, j'poste...

Je voudrait avoir une iframe, contenue dans une div (ou pas, mais je préfèrerai) qui utilise toute la place dispo en hauteur. du coup, je mets height:100%; pour html, body, la div, et l'iframe qui va avec.

cette iframe, c'est le menu (dynamique) du site.

http://cuthbert.free.fr/portail/portail.html

le pb (que l'on voit mieux avec ie, mais aussi avec FF), c'est que le 100% et pris comme 100% de l'espace total d'affichage de la fenêtre du navigateur, et pas 100% de l'espace qui reste...

on voit des trucs encore plus étrange avec
http://cuthbert.free.fr/portail/portail2.html

le bloc <div id="leftMenuDiv".../> ne contient pas vraiment l'iframe dans firefox, alors que dans ie, si...

pouvez m'aider ?

en gros, le but est de ne pas avoir la barre de scroll dans le cas présent, elle ne devrait apparaître que si le content est trop long pour être affiché.

merci !

Pour faire une page qui prend 100% de la hauteur, sans créer de barre de défilement inutile lorsque le contenu est court, il faut faire attention à tout ce qui pourrait amener un élément (html, body, ou un conteneur général) à dépasser systématiquement les 100% de hauteur.

Parmi les différents fautifs :
- la fusion des marges (recherche sur le forum pour en savoir plus) ;
- les padding sur les éléments qui ont une hauteur à 100% (cf modèle de boîte CSS) ;
- les bordures sur les éléments qui ont une hauteur à 100% (cf modèle de boîte CSS).