Flüssiges Layout MIT Sticky Footer
 

Hi,

ich suche nach einem CSS-Layout, das folgendermaßen aussieht:

http://www.siglaer.at/playground/fluidsticky.gif

D.h. das Layout sollte aus drei Spalten bestehen, die immer 100% der Fensterbreite einnehmen. Gleichzeitig sollten der Header und der Footer innherhalb der mittleren Spalte liegen - und der Footer immer am unteren Rand des Fensters "kleben" bleiben (sticky footer).

Geht das?

Danke!

Du benötigst position:fixed und einen Workaround für den IE.

Siehe auch:
Fixing position:fixed for Windows Internet Explorer
Feste Positionierung: Die richtige Anwendung von position:fixed

in der Suche, Stichwort "position:fixed" findest Du das Thema auch häufiger.

@ mazzo: Danke! Werd mal sehen, was ich herausfinde...

@Valentino: Von den Templates entspricht dieses am ehesten meinen Anforderungen. Nur leider liegen der Header und der Footer eben NICHT innerhalb der mittleren Spalte. Und "sticky" ist der Footer auch nicht...

Ja, schon (siehe DELTA-BIKE.DE), es sind zwar keine 3 Spalten, aber auch dies ist kein Problem.

Also bei mir erfüllt die delta-bike site nicht das was babbleboy sucht.
Im Anhang schön zu sehen: Falsch.jpg ist der IST-Zustand, Richtig.jpg ist der SOLL-Zustand.

Ich bin neu hier im Forum. Und eben genau das Thema, das babbleboy angesprochen hat, interessiert mich. Nur aus dem Grund, weil ich nur mit Tabellen programmiere, weil das schlicht und ergreifend funktioniert... das nur am Rande.

Ich bin gespannt, ob jemand ein Lösung für das Problem liefert,

Gruß,
Steph

wie programmiert man denn mit Tabellen? Ich benutze dazu jedenfalls Programmiersprachen.

hier mal ein paar konkrete Beispiele. Der Tipp zu position:fixed wäre allerdings in Ruhe durchzuarbeiten, wenn man das verstehen will:

stu nicholls | CSS PLaY | cross browser fixed header/footer/left column layout full height scrolling
stu nicholls | CSS PLaY | cross browser fixed header/footer/left column layout scrolling middle area

Überhaupt ist für einen Tabellenlayouter vieles neu, wenn man sich etwas komplexer als nur mit Farben und Fontsize mit CSS beschäftigt.

Klingt wie ein Schimpfwort...:lol:

naja fast ;)

Man ist es aus Unwissenheit oder Faulheit. Gute Webseiten (aus technisch, semantischer, suchmaschinenoptimierter und barrierarmer Sicht) macht man damit aber nciht.

naja, aber beide beispiele haben nur einen scrollbaren bereich. es soll aber die ganze seite scrollbar sein, wenn der content länger ist als die bildschirmhöhe.

von dem her ists das noch nicht gewesen.

:)

ups. mein fehler. die beispiele sind mit sticky footer. von dem her schon nahe dran.
was ich meine ist folgendes beispiel:

Für mich schon!!

Wenn Du genau hingeschaut hättest wäre Dir aufgefallen das der [min-height] nicht an der Bildschirmgröße, bzw. am Viewport, fest gemacht ist, aber auch dies wäre möglich.

Die Frage war ob es geht! Und das ist eindeutig mit ja zu beantworten, oder wie glaubst Du ist der untere Text festgenagelt. Das ganze nennt sich Containing Block, habe ich in diesem Forum schon öfter erläutert.

siehe hier Artikelübersicht sram force (rennrad)


Des weiteren kannst Du ja im FF den StyleSheet ausschalten, und da wirst Du sehen wie ein vernüftiger Text-Fluss ohne Layout-Tabellen ausschaut.