Der Einsatz von Frames

Eine Alternative zu Frames

Der "klassische" Gebrauch von Frames ist die Unterteilung einer Seite in einem linken Navigations- und einem rechten Inhalts-Frame. Anstatt eines Framesets können Sie mit dem OBJECT-Element arbeiten. Zukünftige Browser werden dieses Element noch besser unterstützen, gerade im Hinblick auf Grafik und Multimedia. Das OBJECT-Element kann auch weitere HTML-Dokumente im aktuellen Dokument aufnehmen. Gehen Sie wie folgt vor:

Erstellen Sie eine HTML-Datei menue.htm, in der mehrere Links zeilenweise angeordnet sind.

Fügen Sie am Ende eines neuen (oder anderen) Dokuments folgende Zeilen ein:

<div class="menue">
<object data="menue.htm">
Zur <a href="menue.htm">Menüleiste</a>.
</object>
</div>

Fügen Sie folgende Angabe in Ihr Style-Sheet ein:

div.menue { float:left; width:25%; }

(erzeugt eine "Zelle" auf der linken Seite der Seite, die 25% der Bildschirmbreite hat) oder

div.menue { position:fixed; left:0; bottom:0; }

(bewirkt, dass das OBJECT-Element in der unteren linken Ecke des Bildschirms positioniert wird und auch dann stehen bleibt, wenn die restliche Seite nach unten oder oben gescrollt wird.)

Solche Objekte werden nicht von allen Browsern unterstützt. Diese Navigationsmechanismen lassen sich auch per Server-Side-Include in die Seite integrieren, um Browser-unabhängige Darstellungen zu gewährleisten. Mehr dazu finden Sie auf: [intern] .

Über das CSS-Design

Lesen Sie, [intern] warum ich mich an die Standards halte und warum das Layout mit [intern] Cascading Style Sheets statt Tabellen oder Frames gestaltet wurde. Sollten Sie Probleme mit dem Layout haben, so finden Sie in der [intern] Liste standardkonformer Browser Links zu entsprechenden Download-Seiten.

Suchen Sie was auf barrierefreies- webdesign.de?


Entspricht die Seite den W3C-Normen?


validiertes XHTML 1.0
validiertes CSS

Die [intern] Gesamtübersicht dieses Webauftrittes erreichen Sie jederzeit über das -Pad mit Alt+6.

Der schnelle Seitenzugriff

Verwenden Sie [intern] Tastenkürzel, etwa Alt mit der entsprechenden Zahl, um auf diesem Webauftritt zu navigieren.

 

[intern] Startseite [intern] Know-How [intern] Bücher [intern] Richtlinien [intern] Links [intern] Kontakt

Logo: Xplain  Die Entstehung