iframe widersetzt sich height="" und CSS-Zuweisung selbigen Wert

[Der Martin]

Hi,

Ich habe ein merkwürdiges Problem mit einem iframe. Ich weise dem iframe über CSS die Eigenschaft 'height:100%' zu ...

und weißt vermutlich nicht, worauf sich diese 100% beziehen?

und schau regelmäßig zu wie er das iframe exakt 150px hoch macht und keinen Pixel größer

Wer ist "er"?

selbst wenn der Inhalt (referenzierte HTML mit Text) viel länger ist.

Das spielt doch hier keine Rolle. Das eingebundene Dokument hat mit dem Elterndokument nicht das Geringste zu tun. Vor allem beeinflussen sie sich gegenseitig nicht in irgendwelchen Größenangaben.

Ich bin gelinde gesagt verwirrt, mehr noch nachdem ich feststellte, dass er für 'width' ohne Probleme Prozentangaben sowie auch Pixelangaben aktzeptiert.

Schon wieder dieser geheimnisvolle "er". Nun, das sieht danach aus, als erstrecke sich das Elternelement des iframe über die gesamte Fensterbreite, so dass deine Auffassung von relativer Breite sich zufällig mit der des Browsers deckt.

Nachdem ich ebenfalls feststellen musste dass der IE 6 ein per CSS zugewiesenes "border:0px solid white" ignorierte

Für welches Element?

versuchte ich mein Glück in dem ich ebenfalls im <iframe>-Tag notierte: height="100%", jedoch ignoriert er auch hier die Angabe, im Gegensatz zu Pixelangaben.

Nochmal: Achte darauf, worauf sich diese 100% beziehen - nämlich auf das übergeordnete Element. Hat keines der Vorfahrenelemente eine definierte Höhe, dann hast du einen Zirkelbezug: Die Höhe der Vorfahrenelemente richtet sich nach ihrem Inhalt, der seinerseits 100% der Höhe des Elternelements haben möchte. Glückssache, wie der Browser diese Zwickmühle auflöst.

Getrieben von dem Verdacht dass er vielleicht ein Problem mit seinen Eltern haben könnte (der IE ist ja dafür bekannt ein ziemlich schwieriges Kind zu sein ;) habe ich auch das überprüft, direktes parent-Element ist laut Web-Developer "none". O.o

Das kann nicht sein! Ein valides HTML-Dokument hat immerhin noch body und html als oberste Vorfahrenelemente!

Wie kann das sein - verstehe ich da was falsch und wenn ja was? - und wie schaffe ich ein parent für das verwirrte iframe (ganz zu schweigen von meiner Verwirrung). Und ist denn eigentlich nicht in letzter/erster Instanz das HTML-Tag parent für alle Elemente einer Seite?

Nicht das html-Tag, sondern das html-Element. Und was für eine Höhe hast du dem gegeben? Und dem body-Element?

So long,
 Martin