template
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>
template |
|