Fußzeile unten fixieren

Erzeugen Sie eine fixierte Fußzeile (Footer) am unteren Ende der Webseite. Dieser Beitrag zeigt Ihnen wie einfach das mit CSS Mitteln ist.

Aus heutiger Sichtweise ist es nicht mehr üblich eine Fußzeile (Footer) im unteren Bildschirmbereich dauerhaft einzublenden. Eine dauerhafte Fußzeile kostet auf Smartphones beispielsweise kostbaren Platz auf dem ohnehin schon kleinen Display, dennoch ist sie auf Desktopseiten durchaus sinnvoll und kann mit einfachen CSS-Mitteln umgesetzt werden.

020  </head>
021  <body>
022
023  <a name="top"></a>
...
...
...
077  <div style="position: fixed; left: 0px; bottom: 0px; width: 100%; padding: 15px;">
078  <a href="#top">go top</a>
079  </div>
080  
081  </body>
082  </html>

Das Codebeispiel oben zeigt das Fußende einer HTML-Seite in der ein DIV-Kontainer eingebunden ist, welcher eine Fußzeile unten fixiert. Darin enthalten beispielsweise ein Link, der den Leser an den Anfang der Webseite (nach oben) zurück bringt. Da der Footer transparent ist, stört dies auch nicht sonderlich auf Smartphones, da der Footer den unteren Text des Contents nicht überdeckt - sie ist durchsichtig. Dafür ist natürlich auch bedingung, das Sie im oberen Teil auch einen Anker mit dem Namen top angelegt haben.

Im übrigen funktioniert die CSS-Variante ganz ohne den Einsatz von JavaScripten und sollte daher bevorzugt werden, da es Ressourcen spart.

CSS

CSS - Das Buch für den Webentwickler in der neuen Auflage. Hier findet sich das vollständige Wissen zu CSS und Co. in einem Band. Einsteiger erhalten eine fundierte Einführung, professionelle Webentwickler einen Überblick über alle CSS-Technologien und Praxislösungen für CSS-Layouts sowie Tipps, um aus dem täglichen Webeinerlei herauszukommen. Zahlreiche aktuelle Themen wie HTML5 und CSS3, CSS-Transitions, objektorientiertes CSS, JavaScript-Fallbacks, Responsive Webdesign mit CSS sowie viele Praxisbeipiele machen das Buch zu einem unentbehrlichen Werk für die tägliche Arbeit. (*

lesen...

© CMSWorkbench.de

about me

About me

Mein Name ist Oliver Lohse. Ich bin diplomierter Wirtschafts-Informatiker und Organisations-Programmierer in verschiedenen Programmier-Sprachen und Markup-Dialekten, z.B. Java, JEE, COBOL, PHP, Python, MySQL, HTML, CSS, ANSI C, Lisp, Rexx, JavaScript, Scheme, ActionScript 2.0, Maschinensprache, Assembler und JCL. Seit mehr als 24 Jahren arbeite ich als Entwickler in einem großen Softwareunternehmen für Versicherungen in Hannover Niedersachsen und seit etwa 37 Jahren im EDV-Sektor mit wechselnden Aufgaben.