Titelbild
Username: Passwort:   Bei jedem Besuch automatisch einloggen
  registrieren  Passwort vergessen?
Softwaretipps zurück zur Übersicht!

Fixe Navigation mit CSS

N
A
V
I
I



N





H





A





L





T

Eine fixe Navigation wie im oberen Beispiel lässt sich mit Hilfe von CSS sehr einfach realisieren. Ich denke die folgenden Codezeilen sind selbsterklärend. Wer fragen hat kann mir ja schreiben.
Wir haben zwei divs. Einen für die Navi und einen für den Inhalt. Um Platz zu sparen, habe ich die CSS-Formatierung in die div-Tags geschrieben und den kompletten Inhalt durch ... ersetzt. Natürlich könnt ihr diese auch in eine Datei auslagern oder im head-Teil der Seite unterbringen.


<div style="float:left;padding:5px;width:100px;background-color:red;position:fixed;">
  ...
</div>
<div style="background-color:blue;margin-left:115px;padding:10px;">
  ...
</div>
				

In älteren Browserversionen (z.B. Internet Explorer kleiner Version 7) wird das allerdings nicht funktionieren. Wer also immernoch einen alten Browser nutzt, ist selbst schuld. sollte sich vor allem aus Sicherheitsgründen mal nach einer neuen Version umschauen. Unter .links findet ihr zum Beispiel einen Link auf die aktuelle Version des Firefox-Browsers.

zurück zur Übersicht!

letzte Änderung: 08.01.2010
© 2007-2017 Daniel Pasqua
kontakt inhalt info