Vollbild-Iframe mit einer Höhe von 100 %

Abfrage:

Wird iframe height=100 % allgemein unterstützt browserübergreifend? Wird bei Verwendung von XHTML1 als Dokumenttyp ein Iframe mit einer Höhe von 100 % die verbleibende Seitenhöhe einnehmen (mit Ausnahme eines 50-Pixel-Frames mit fester Höhe oben)? Wie können außerdem Bildlaufleisten vollständig ausgeblendet werden, während die Höhe des Iframes automatisch festgelegt wird?

Antwort:

Während Framesets verwendet werden können, zeigen die bereitgestellten Beispiele alternative Methoden zur Implementierung von a Vollbild-Iframe mit einer Höhe von 100 %:

Another Option:

Um Bildlaufleisten mit diesen Ansätzen zu unterdrücken:

Alternative Methode:

In diesen Beispielen wird dem übergeordneten Element overflow:hiden zugewiesen, um Bildlaufleisten auszublenden. Durch die Vergrößerung des Iframes auf 150 % seiner ursprünglichen Abmessungen werden die Bildlaufleisten gezwungen, über die Seitengrenzen hinauszugehen. Das Fehlen von Bildlaufleisten im Hauptteil verhindert daher, dass der Iframe über seine Grenzen auf der Seite hinausragt. Diese Strategie verbirgt effektiv die Bildlaufleisten des Iframes und ermöglicht gleichzeitig eine Anzeige in voller Breite.