✔ Layer unten am Bildschirm positionieren

[howlett]

hiho leute,

ich suche eine Möglichkeit auf einer Website eine Ebene unten zu positionieren, welche sich beim Scrollen nicht mitbewegt. Die http://www.uniklinikum-duesseldorf.de verwendet ähnliches, nur ist das Problem, dass meine Seite mittig angeordnet ist.

Am Positionieren mit CSS bin ich leider schon gescheitert, habe dann versucht des Rätsels Lösung mit einem Javascript beizukommen, welches beim scrollen immer wieder unten ansetzt. Nicht schön, vorallem aber interpretiert der IE und FF die Positionen unterschiedlich. Beim IE passt alles, der FF liegt horzontal und auch vertikal daneben.

Ich bin mir sicher, mit CSS schon auf das richtige Pferd gesetzt zu haben, aber leider habe bislang nichts gefunden und die Selbstversuche gingen leider auch schief.

Kann mir jemand dabei helfen?

Danke und Gruß

 

[hela]

Hallo,
wo hast du gesucht? Hättest du eigentlich finden sollen:
CSS-Layout mit 100%-Höhe

 

[Maik]

Hi,

basierend auf meinem Tutorial, das hela dir empfohlen hat, und darin der Layout-Variante "Modell mit Header und Footer" lautet die Regel für #footer folgendermaßen, damit dieser Block beim Seitenscrollen am unteren Fensterrand fixiert ist:

div#footer {
clear: both;
position: fixed;
bottom: 0;
width: 800px;
height: 20px;
background: #fff;
border-top: 1px solid #b8b8b8;
}

mfg Maik

 

[howlett]

hey,

danke euch für die hilfe. in kombination mit dem css klappt das mit beiden browsern. vielen herzlichen dank!

gruss j.