Hallo,
ich erstelle gerade eine Seite, in der innerhalb einer Tabelle links eine Navigation und rechts das Hauptfeld dargestellt wird.
Im Hauptfeld befindet sich ein Iframe.
Nun soll mittles Javascript-Funktion die Höhe des Iframes dynamisch an den jeweiligen Inhalt (der über die Navigation in der linken Spalte aufgerufen wird) angepasst werden. Sinn und Zweck des ganzen ist, dass im Iframe kein vertikaler Scrollbalken mehr aufscheint. Hierzu habe ich folgende Konstruktion gebastelt, die aber leider NICHT bei Mozilla funktioniert.
Problem: Weiß jemand, was ich ändern muss muss, damit dies auch bei Mozilla & Co. funktioniert?
//***Konstruktion***
<script type="text/javascript">
function anpassen()
{
document.getElementById('iframe').style.height = frames['iframe'].document.getElementById('inhalt').offsetHeight + 'px';
}
</script>
...
<iframe src="inhalt.html" id="iframe" height="160" scrolling="no" width="468" onLoad="anpassen()"></</iframe>
....
Wobei sich "inhalt" auf die einzubindende Datei bezieht die folgendermaßen aussieht:
<body>
<div id="inhalt">
<table height="800" border="0" width="730">
<tr>
<td bgcolor="pink">Spanien, Teneriffa</td>
</tr>
</table>
</div>
</body>
Danke,
Honda