Footer am Bildschirmrand fixieren

nepf · 5. Februar 2012

Ich möchte den Footer gern unten am Bildschirmrand fixieren und zwar sowohl bei Seiten die kürzer sind als der Bildschirm als auch (wenn möglich) bei Seiten die länger sind als der Bildschirm, das alles soll auf allen Bildschirmgrößen funktionieren und auch in allen Browsern - versteht sich.

Wahrscheinlich und hoffentlich gibt es dafür ein paar simple CSS-Tricks, aber ich finde sie nicht mit den üblichen Suchmaschinen.

Hat jemand einen Link für mich?

flipps · 5. Februar 2012

Dies geht mit simplem css am einfachsten.

Ich gehe jetzt davon aus, dass dein Footer ein div mit der id footer ist. Höhe ist 20px. Die Werte musst du natürlich noch anpassen.

#footer { height: 20px; position: fixed; left: 0px; bottom: -20px; }

Weitere Infos gibt es hier: http://www.css4you.de/position.html

-flipps

koslowski · 6. Februar 2012

Foot Sticker Alt bewährt und gut!

nepf · 6. Februar 2012

seid herzlich bedankt.

WPDE.org

Footer am Bildschirmrand fixieren

nepf Well-Known Member

flipps Well-Known Member

koslowski Well-Known Member

nepf Well-Known Member

Nützliche Suchen

Footer am Bildschirmrand fixieren

nepf Well-Known Member

flipps Well-Known Member

koslowski Well-Known Member

nepf Well-Known Member