Layoutfrage: #footer immer am Browserrand unten + #container reicht bis #footer

[Goody]

Hallo liebes Forum,

mit der Erweiterung "semidynamic" habe ich den #footer an den unteren Browserrand geheftet. Jetzt möchte ich gerne das der #container bzw. #main immer bis unten an den #footer reicht, unabhängig vom Inhalt. Das also keine Lücke entsteht, da ich im body ein Hintergrundbild habe. Der #footer geht auch über die volle Breite des Bildschirms, während der #container die Breite 960px hat. Hat jemand eine Idee?

Gruß Goody

[qba]

Hi Goody,

was Du suchst ist ein sogenannter "Sticky Footer". Guckst du hier: https://www.contao-community.de/show...=sticky+footer

[Goody]

Hallo qba,

danke für die schnelle Antwort. Ich wollte aber die fe_page nicht anfassen und dachte ich kriege es mit der Erweiterung "semidynamic" hin. O.K. wenn es keine andere Lösung gibt, gilt die Beschreibung auch für Contao 2.11.5 oder muß man da noch was beachten in der fe_page?

Gruß Goody

[qba]

Vielleicht kommst Du auch mit semidynamic aus. Ich kenne diese Erweiterung nicht. Versuch es mal mit:

html, body {
height: 100%;
}

#wrapper {
min-height: 100%;
height: auto !important;
}

Dann wird der Content künstlich bis zum Footer gestreckt.

Vielleicht muss Du dem #wrapper noch ein margin-bottom: -100px (höhe des Footers) mitgeben.

[Goody]

Hallo qba,

vielen Dank. Das probiere ich heute abend mal und melde mich.

Gruß
Goody

[Goody]

Habe es mit der Erweiterung nicht hinbekommen. Teste jetzt mal den sticky footer.
Gruß
Goody

[Schnippel]

Hi Leute,

Frage zu Sticky Footer

verstehe ich das richtig, daß der gesamte FOOTER-Bereich im "fe_page.xhtml" unter das
abschließende </div> der Wrapper verschoben werden muß?



Mein Ziel:

- Footer-Hintergrund soll über gesamte Breite des Broweser gehen

- Footer soll mit unterem Browserfenster abschließen, auch wenn
der Inhalt im Container nicht so lang ist. Jetzt schwebt er irgendwo in der Luft.