Startseite | Gästebuch | Kontakt

 
xx HTML-Einführung | xx CSS-Einführung | xx JavaScript-Einführung
 

9.2. Varianten von Framesets

Framesets können verschachtelt werden, das heißt das Fenster kann horizontal und/oder vertikal geteilt werden. Dabei wird ein bestehender Frame noch einmal geteilt. Die Aufteilung beginnt links oben. Das Fenster wird im Beispiel zuerst horizontal geteilt. Anstelle des ersten Frames wird ein vertikales Frameset eingesetzt.

<html>
<head>
  <title>Frameset</title>
</head>
<frameset rows="150,*">
  <frameset cols="50%,50%">
    <frame src="seite1.html"></frame>
    <frame src="seite2.html"></frame>
  </frameset>
  <frame src="seite3.html"></frame>
</frameset>
</html>
» Beispiel ansehen «

 

Im zweiten Beispiel wird das Fenster zuerst vertikal geteilt und der erste Frame noch einmal horizontal.

<html>
<head>
  <title>Frameset</title>
</head>
<frameset cols="20%,80%">
  <frameset rows="50%,50%">
    <frame src="seite1.html"></frame>
    <frame src="seite2.html"></frame>
  </frameset>
  <frame src="seite3.html"></frame>
</frameset>
</html>
» Beispiel ansehen «

 

Ein weiteres Beispiel zeigt ein mehrfach verschachteltes Frameset.

<html>
<head>
  <title>Frameset</title>
</head>
<frameset rows="80,*">
  <frame
src="seite1.html"></frame>
  <frameset cols="150,*">
    <frame src="seite2.html"></frame>
    <frameset
cols="*,50">
      <frame
src="seite3.html"></frame>
      
<frame src="seite4.html"></frame>
    </frameset>
  </frameset> 
</frameset>
</html>
» Beispiel ansehen«

 

Auch hier ist wichtig, dass sich kein Container überschneidet. Daher ist es immer hilfreich mit Einrückungen zu arbeiten. Das erhöht die Übersichtlichkeit.

 

<frameset rows="80,*">
<frame src="seite1.html"></frame>
<frameset cols="150,*">
<frame src="seite2.html"></frame>
<frameset cols="*,50">
  <frame src="seite3.html"></frame>
  <frame src="seite4.html"></frame>
</frameset>
</frameset>
</frameset>

» zurück «» Seitenanfang «» weiter «