Hallo,
ich habe eine Tabelle, 3x3 Zellen gross. Die erste und dritte Zeile sowie die erste und dritte Spalte sind auf fixe Breiten bzw. Höhen gestellt, einzig die mittlere ist in beide Richtungen variabel.
In dieser Zelle soll nun der eigentliche Inhalt stehen und zwar so, dass immer der gesamte zur Verfügung stehende Platz ausgenutzt wird und, sollte dieser nicht ausreichen, gescrollt werden kann.
Ich habs mit iframe und object probiert, den Inhalt in die Zelle zu laden. Dabei wird der Inhalt zwar an die aktuelle Breite angepasst, die Höhe aber nicht.:
<object data="inhalt.html" type="text/html" style="width:100%; height:100%;"></object>
bzw.
<iframe src="inhalt.html" frameborder="0" height="100%" width="100%"</iframe>
wobei ich es in beiden Fällen sowohl mit setzten der HTML- als auch der CSS Eigenschaft height probiert habe.
Der dritte Versuch war mit einem scrollbaren Bereich mit overflow:scroll zu definieren, aber da muss man anscheinend immer absolute Breiten wie Höhen angeben, oder?
Was in manchen Browsern klappt, aber nicht HTML4.0-konform ist, ist onResize zu verwenden, eine Funktion zu schreiben, die die mögliche Größe des iframes berechnet und diese mit resizeTo() zu setzen. Das hat halbwegs funktioniert, ist aber nicht die Art, wie ich es gerne lösen würde. Welche Möglichkeiten gibts sonst noch, bzw. was habe ich bei diesen hier falsch gemacht?
thx,
Verena
ich habe eine Tabelle, 3x3 Zellen gross. Die erste und dritte Zeile sowie die erste und dritte Spalte sind auf fixe Breiten bzw. Höhen gestellt, einzig die mittlere ist in beide Richtungen variabel.
In dieser Zelle soll nun der eigentliche Inhalt stehen und zwar so, dass immer der gesamte zur Verfügung stehende Platz ausgenutzt wird und, sollte dieser nicht ausreichen, gescrollt werden kann.
Ich habs mit iframe und object probiert, den Inhalt in die Zelle zu laden. Dabei wird der Inhalt zwar an die aktuelle Breite angepasst, die Höhe aber nicht.:
<object data="inhalt.html" type="text/html" style="width:100%; height:100%;"></object>
bzw.
<iframe src="inhalt.html" frameborder="0" height="100%" width="100%"</iframe>
wobei ich es in beiden Fällen sowohl mit setzten der HTML- als auch der CSS Eigenschaft height probiert habe.
Der dritte Versuch war mit einem scrollbaren Bereich mit overflow:scroll zu definieren, aber da muss man anscheinend immer absolute Breiten wie Höhen angeben, oder?
Was in manchen Browsern klappt, aber nicht HTML4.0-konform ist, ist onResize zu verwenden, eine Funktion zu schreiben, die die mögliche Größe des iframes berechnet und diese mit resizeTo() zu setzen. Das hat halbwegs funktioniert, ist aber nicht die Art, wie ich es gerne lösen würde. Welche Möglichkeiten gibts sonst noch, bzw. was habe ich bei diesen hier falsch gemacht?
thx,
Verena