Hans Thomas Vogler: Vollständige Anzeige in iFrames

Beitrag lesen

FsmE,

allerdings ist es im moment so das das iframe zwar von der breite passt aber nur 100 pixel oder so hoch ist..

<style type='text/css'>
<!--
iframe {width:80%;height:80%;}
//-->
</style>

Damit kannst Du die Größe festlegen. Gültig sind natürlich auch Pixelangaben. Variable Größe je nach Inhalt ist nicht.

aber ich will das wenn z.b. der inhalt 800 pixel hoch ist das sich das iframe dem anpasst das alles ohne scrollen zu sehen ist...

In der zu ladenden Datei:

<style type='text/css'>
<!--
body {overflow:auto}
//-->
</style>

Damit bestimmst Du das Verhalten der geladenen Datei *innerhalb* des Frames. In diesem Fall (auto) gibt es keinen Scrollbalken, wenn der Inhalt kleiner ist, aber dann einen, wenn er größer ist.

<file:///C:/selfthtml/css/eigenschaften/positionierung.htm#overflow>

Mit Javascript kannst Du den Ladevorgang auch zum dynamischen Setzen dieser CSS-Eigenschaft kombinieren, z.B.:

...
frames[0].location.href = 'xyz.html'
setTimeout("frames[0].document.getElementsByTagName('body')[0].style.overflow = 'auto'",30)
...

Der Timeout dient dazu, dem Ladevorgang einen gewissen Vorsprung zu geben, weil das Script sonst nicht auf das "body"-Element zugreifen kann.

In sensibus mistis,
HaThoV

--
Besuchen Sie http://www.4html.de, wenn Sie an einer
Neuen Generation von Web-Publishing mitarbeiten wollen.