Réglage de l'iframe de prendre de l'espace restant dans la page

Il y a beaucoup de questions concernant l'iframe et c'est la hauteur. Certains sont similaires, mais ne me donne pas la bonne réponse. Donc, laissez-moi vous expliquer mon cas:

JSFiddle: http://jsfiddle.net/AmVhK/3/show/

Éditeur: http://jsfiddle.net/AmVhK/3/

Il y a une table avec 2 lignes. Première contient un div #barre d'outils avec fixe hauteur. La deuxième ligne contient un div qui est titulaire d'un iframe. J'ai besoin de l'iframe pour prendre l'espace disponible au-dessous de la barre d'outils de la div.

Problème, je suis confronté à est en IE mode standard (soutien à la IE8+). Disons, la hauteur de la fenêtre est 1000px et la hauteur de la barre d'outils de 200px, alors la hauteur de l'iframe est également 1000px et a donc des barres de défilement. J'ai besoin de l'iframe pour avoir la hauteur de la page en hauteur de la barre d'outils de la hauteur).

Il serait bon si il y a un CSS solution. L'utilisation de JavaScript pour obtenir la hauteur disponible et la valeur de l'iframe ou c'est de la div contenant est la solution de dernier recours pour moi 🙂

Réglage de la barre d'outils ou de l'iframe de position absolue aussi de ne pas travailler pour mon cas d'utilisation. Balisage changement est ok si nécessaire (si vous souhaitez supprimer des tables)

J'ai déjà le code CSS suivant:

html, body {height: 100%}

Toute bonne solution pour la mettre en œuvre.

Je pense que tu veux ce jsfiddle.net/AmVhK/6
iframe est toujours de prendre plus d'espace que ce qui est disponible.
Êtes-vous fixé dans la pierre sur l'utilisation de tables?
balisage changement est ok
hmmmm, allez oldschool et l'utilisation d'un jeu de cadres ? ( comme meingutscheincode.de/gutschein-anzeigen/... par exemple )

OriginalL'auteur sv_in | 2012-11-16