diedVIPs

html knowhow

iframe mit automatischer Höhenanpassung







iframe mit automatischer Höhenanpassung

Mit diesem Frame binden Sie eine Seite ein, die sich automatisch der Größe der importierten Seite anpasst.
Hier unten wurde die Seite "Kontakt.html" eingebunden.
So sieht´s

Quellcode
<html>
<head>

<style type="text/css">
Hier nichts
</style>
</head>

<body>
<iframe id="superFrame" src="index.html" style="width: 100%; border: none;" onload="resizeIframe(this)" scrolling="no"></iframe>
<script type="text/javascript">
function resizeIframe(iframe) {
if(iframe) {
iframe.height = '';
iframe.height = iframe.contentWindow.document.body.scrollHeight + 'px';
}
}
</script>
</body>
</html>









Kontakt    Datenschutz   Impressum