3.5.3 Fixe Bereiche und Footer mit CSS-basierten Layouts

• 1 Allgemein
• 2 Sinnvoller Einsatz fixer Bereiche
• 3 Layouts
  • a) Layout mit fixem Bereich definieren
  • b) Workaround für den Internet Explorer
• 4 Footer aller Art - feststehende Elemente realisieren

-

⇧ 1 Allgemein

Beschreibung wie zum Beispiel Kopf- und Fusszeilen an einer bestimmten Stelle fixiert werden können.

Webdesign: Tabellenlose Websites

-

⇧ 2 Sinnvoller Einsatz fixer Bereiche

Bemerkungen zur Anwendung in dieser Anleitung:

• Die fixierte Positionierung ist nicht problemlos einzusetzen.

• Sie eignet sich nur für relativ kurze Navigationsleisten, die selbst in sehr kleinen Browserfenstern vollständig angezeigt werden können, da sie nicht mit der Seite scrollen.

• Ausserdem erfordert dies einen umständlichen Workaround für den Internet Explorer, der diese Technik auch in Version 6 noch nicht unterstützt.

• SELFHTML de Sinnvoller Einsatz fixer Bereiche

-

⇧ 3 Layouts

• a) Layout mit fixem Bereich definieren
• b) Workaround für den Internet Explorer

-

↑ a) Layout mit fixem Bereich definieren

• SELFHTML de Layout mit fixem Bereich definieren
  SELFHTML de Beispiel: Fixierte Navigation

-

↑ b) Workaround für den Internet Explorer

• SELFHTML de Workaround für den Internet Explorer
  SELFHTML de Beispiel: Fixierte Navigation

-

⇧ 4 Footer aller Art - feststehende Elemente realisieren

• SELFHTML de Footer aller Art - feststehende Elemente realisieren

Feststehende Elemente

Webdesign: Tabellenlose Websites

↑