✔ Footer "dynamische" Platzierung

[awortmeier]

Hallo,

ich habe ein Problem, welches sich einfach nicht lösen lassen will.

Ich möchte, dass der Footer, sollte das Content div nicht "hoch" genug sein damit es die ganze Seite ausfüllt, ganz unten an der Seite angezeigt wird (Habe ich nun über "postion: fixed" gelöst").
Ist nun das Content div "hoch" genug, damit man scrollen muss. Dann soll der Footer am Ende der Seite angezeigt werden (Habe ich mit "postion: relativ" gelöst).

Wie schaffe, ich es aber nun, dass selektiert wird, welche der beiden Optionen gerade benötigt wird.

Ist dies durch CSS möglich oder vllt doch nur durch JavaScript.

Beim googlen bin ich auf "window.scrollbars.visible" gestossen. Und habe es mit

if(window.scrollbars.visible == true){
    lade true.css
}

Die true.css soll nun einfach eine CSS Klasse überschreiben, wenn der Scrollbalken angezeigt wird.

Aber irgendwie funktioniert das nicht.

Jemand eine Idee?

Anbei noch eine Skizze zum Verständniss.


Grüße und Danke
Alex

 

[SpiceLab]

Ein Blick in den Sticky-Thread CSS - FAQ hätte deine Frage beantwortet

Webmaster FAQ -> CSS Wie lässt sich der Footer am unteren Fensterrand ausrichten?

 

[awortmeier]

Dank dir spicelab.
Genau das was ich wollte. Habs nich gefunden, Google und Forensuche auch nicht.

Grüße
Alex

 

[SpiceLab]

Habs nich gefunden, Google und Forensuche auch nicht.

Hm, mit welchen Suchbegriffen denn?

 

[awortmeier]

"Footer unten positionieren".

Genau das war meine Problem, die Formulierung des Problems
Darum ja die Skizze.

 

[SpiceLab]

Direkt der erste Treffer in der Forensuche (mit "Footer unten positionieren") führt dich genau dort hin (Post #14).

Beim dritten Suchergebnis hättest du sogar weniger lesen müssen (Post #2).