Iframe

Mittels Iframe kann man einen Bereich mit fester Breite und Höhe auf der Html Seite definieren, in die eine andere Html Seite reingeladen wird. Ideal für Navigationen oder andere Inhalte, die auf mehreren Seiten erscheinen sollen.

 

Hier wurde folgendes Script eingefügt:

<div align="center">
<iframe src="iframe2.htm" name="bottombox" width="100%" marginwidth="0" height="100" marginheight="0" align="middle" scrolling="auto" frameborder="0" hspace="0" vspace="0" allowtransparency="true"></iframe>
</div>

Dadurch ensteht ein Bereich mit einer Breite von 100% und einer Höhe von 100 Pixeln, in welchen die Seite iframe2.htm geladen wird. Sollte der Inhalt dieser reingeladenen Seite größer sein, als der definierte Bereich entstehen Scrollleisten.

Iframes mit transparentem Hintergrund

Man kann auch Iframes erzeugen, die den Hintergrund der Elternseite anzeigen, also durchsichtige iframes. Dazu fügt man folgende Anweisung in den iframe Code ein:

allowtransparency="true"

Außerdem braucht der body der Seite, welche im Iframe angezeigt wird, folgenden Code:

<body style="background-color:transparent">

Letzteres ist eine Style Sheet Anweisung.