floating Layer
    


WWW.WEB-TOOLBOX.NET

BSP 01 BSP 02 DOWNLOAD HTMLCode ZURÜCK SITEMAP  

 Titelzeile bleibt an fester Position

zwei weitere Variaten (siehe unten)


Zum Testen die Bildlaufleiste bewegen!

Sie möchten
  • einen Tabellkopf als Titelzeile, die beim Scrollen an der festen Position bleibt
  • einen Hinweis für den Besucher auf welcher Seite er sich gerade befindet
  • einen Copyrighthinweis

3 Schritte sind notwendig:


JavaSkript im HEAD

OnLoad-Befehl im BODY-Tag:
<body onLoad="initButton()" ...

Layer Definition gleich nach dem BODY-Tag:
<SPAN ID="topHeadline" STYLE= ... >


Zwischen diesen SPAN-Anweisungen kann natürlich alles mögliche stehen:
Tabellen, Images, Text, Verweise, ....

 Fügen Sie hier ihre Elemente mit normalen HTML-Befehlen ein.

</SPAN>



 Varianten

Durch eine Erweiterung des Scripts sind andere Varianten denkbar.

Zuerst könnte man die Fensterhöhe ermitteln und mit diesem Wert kann man dann:


 Beispiel 03: Den Layer an das Fußende positionieren

Position-Oben + Fensterhöhe

BEISPIEL 03


 Beispiel 04: Den Layer vertikal mittig ausrichten

Position-Oben + Fensterhöhe / 2

BEISPIEL 04


In beiden Beispielen wurde zusätzlich die Höhe des angezeigten Balkens berücksichtigt.








NACH OBEN