[warstel]

Hallo liebe MGs,

ich möchte gerne ein Projekt umsetzen und habe ein Hängerchen bei der gewünschten Programmierung.

Normalerweise werden Elemente ja von dem oberen Rand der Webseite berechnet und gesetzt sei es über margin oder position. Nun habe ich aber ein Projekt, wo der Hintergrund und die Position eine sehr große Rolle spielen. Das heißt im Klartext ich habe einen "Boden" wo sich alles abspielt und einen "Himmel", der quasi frei von der Bildschirmauflösung sein soll. Außerdem möchte ich erreichen, dass später Elemente mittels JQuery in dem "Boden" verschwinden und wieder auftauchen, was weniger ein Problem darstellt als erstmal die komplette Webseite mit CSS an den unteren Rand zu kleben

Ich hoffe ich habe mich verständlich ausgedrückt und es kann mir jemand einen Denkanstoß geben, da ich auch keine komplette Lösung brauche sondern nur eine Idee.


Vielen Dank,
warstel

[Smooth-Graphics]

Idee 1:

position: fixed;

Idee 2:

IE braucht jQuery/JS Fallback

[sahnemuh]

http://www.cssstickyfooter.com/

[heiko_rs]

Statt position: fixed; würde ich eher absolute verwenden, da man dann per min-height für body verhindern kann, dass die Website bei geringer Viewport-Höhe unerreichbar nach oben hinausgeschoben wird.

In jedem Falle sollte dafür die Höhe der Website bekannt sein, was nicht immer der Fall ist, daher hier eine Lösung bei variabler Höhe (funktioniert auch in IE 6 und 7 ohne JS):

[warstel]

Vielen Dank für die Antworten und werde mich mal dran setzen und es ausprobieren


Eine schöne Vorweihnachtszeit wünsche ich euch