template

Index :: HTML :: Frames

Eine Frameset-Definitionsdatei ist weitgehend wie eine normale HTML-Seite aufgebaut. Der essentielle Unterschied besteht darin, dass sie keinen eigenen <BODY>-Bereich besitzt, weil sie keine Daten anzeigt, sondern einen Frameaufbau festlegt.

Typische DOCTYPE-Definitionen (optional):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Strukturbeispiel:
<HTML>
<HEAD>
<TITLE>Bla bla bla</TITLE>
</HEAD>

... Hier: <FRAMESET>-Definition ...
</HTML>

Die Definition der Frames erfolgt mithilfe der Tags <FRAMESET> und <FRAME>, wobei die Elemente auch verschachtelt werden können.
Hier ein Beispiel mit 3 übereinanderliegenden Bereichen. Oben befindet sich der Headerframe (_head.php) mit einer festen Höhe von 300 Pixeln, am unteren Rand sitzt eine Fußzeile (foot.php) mit einer festen Höhe von 20 Pixeln. Der Listenbereich (_list.php) dazwischen ist scrollbar und nimmt die verbleibende Höhe ein:

_head.php

_list.php





foot.php
<frameset rows='300,*,20' border='0' frameborder='0' framespacing='0'>
  <frame src='_head.php' marginwidth='0' marginheight='0' frameborder='0' scrolling='no'>
  <frame src='_list.php' marginwidth='0' marginheight='0' frameborder='0'>
  <frame src='foot.php' marginwidth='0' marginheight='0' frameborder='0' scrolling='no'>
</frameset>

Im nächsten Beispiel haben wir 4 übereinanderliegende Bereiche. Oben wieder ein Headerframe (_head.php) mit einer festen Höhe von 100 Pixeln, darunter ein Streifen von dynamischer Höhe, der 2 nebeneinanderliegende Seiten enthält (_list.php mit fester Breite von 200 Pixeln und _area.php mit dynamischer Breite), dann noch ein Kontrollbereich (_ctrl.php) mit einer festen Höhe von 50 Pixeln, und abschließend wieder eine Fußzeile (foot.php) mit einer festen Höhe von 20 Pixeln:

_head.php
_list.php





_area.php
_ctrl.php
foot.php
<frameset rows='100,*,50,20' border='0' frameborder='0' framespacing='0'>
  <frame src='_head.php' marginwidth='0' marginheight='0' frameborder='0' scrolling='no'>
  <frameset cols='200,*' border='0' frameborder='0' framespacing='0'>
    <frame name='f_list' src='_list.php' marginwidth='0' marginheight='0' frameborder='0'>
    <frame name='f_area' src='_area.php' marginwidth='0' marginheight='0' frameborder='0'>
  </frameset>
  <frame name='f_ctrl' src='_ctrl.php' marginwidth='0' marginheight='0' frameborder='0'>
  <frame src='foot.php' marginwidth='0' marginheight='0' frameborder='0' scrolling='no'>
</frameset>

Index :: HTML


template