Aufbau einer HTML-Tabelle, Text auf mehreren hierarchischen Ebenen Einstellungen

[Diana]

Hallo, Ihr Lieben,

ich bastele gerade an meiner Homepage und steh ein wenig auf dem Schlauch. Mein profundes Halbwissen lässt mich gerade arg im Stich.
Mein Problem ist dieses:
Der Seitenraster meiner Seiten besteht – vereinfacht gesprochen – aus vier horizontalen Streifen untereinander.
1. Streifen: Hauptnavigation
2. Streifen: Ein Bild
3. Streifen: Subnavigation
4. Streifen: Ein Text

Nun gibt es einige Seiten, bei denen die Streifen 1 bis 3 gleich bleiben (also Hauptnavigation, Bild und Subnavigation bleiben gleich), aber der Text, der ist auf mehreren Ebenen gestaffelt. Man sieht zuerst eine Art Inhaltsverzeichnis und kann dann weiterklicken auf eine Detailebene.

Meine Frage nun:
Wie lege ich diese Seiten in HTML an?
(Ich möchte die Seiten als Tabelle aufbauen und nicht als Frames.)

1. Möglichkeit
Ich könnte für jede Textebene eine eigene Seite machen. Dann würde sich eine komplette neue Seite aufbauen, wenn ich im Inhaltverzeichnis etwas anklicke um auf die Detailebene zu wechseln. Das würde auch nicht so furchtbar lang dauern, weil die Inhalte, die sich nicht ändern (Hauptnavigation, Bild und Subnavigation) im Browsercache wären und daher schnell geladen würden. Auch das verlinken der Seiten wäre einfach.
Aber sonderlich elegant ist das ja irgendwie nicht.

2. Möglichkeit:
Ich mache irgendeine Javascript-Geschichte.
Ich weiss, dass man Texte in einem definierten Feld scrollen kann, aber das wäre nicht das Richtige. Kann man auch "blättern" per Javascript?
Aber wie ist das dann mit dem Verlinken? Ist das nicht kompliziert, von einer anderen Seite die richtige Textebene der Seite zu treffen?

Gibt es vielleicht noch andere – womöglich ganz simple – Möglichkeiten, an die ich nicht gedacht habe?
Die Layer-Technik funktioniert ja, glaub ich, nicht auf allen Browsern. Oder ist diese Information schon überholt?

Puh. Mir schwirrt der Kopf. Vielleicht hat ja eine von Euch den Überblick... -_-