Liste der Anhänge anzeigen (Anzahl: 1)
statische Seite mit durchgehender Header und Footergrafik, wie?
Hallo Leute,
erstelle gerade eine Seite für ein neues Fitnessstudio.
Bin im Moment beim Screendesign und mache mir aber natürlich auch Gedanken über die reibungslose Umsetzung.
Ich würde gerne eine statische Seite erstellen.
Mir ist klar, dass ich den oberen Teil locker über den Body als BG erreichen kann.
Wenn ich aber eine statische Seite habe, wie bekomme ich dann den unteren Teil des Footers grafisch als BG?
Der Footer selber ist ja nachher auch nur 960px breit, ich will aber den über die ganze Seite ziehen was ich ja oben über den Body BG erreiche.
Und leider kann ich im Body ja keine 2 unterschiedlichen BG´s einbauen.
Wie löst Ihr so ein Problem immer?
Vielen Dank für die Antworten.
Danke.
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo zusammen,
also ich habe jetzt im Seitenlayout einen "eigenen Bereich" "sticky-footer" nach dem Umschliessenden Element eingefügt.
Das scheint zu funktionieren... CSS -> siehe Anhang.
Anhang 18344
Mfg
Stefan
PS: Leider funktioniert bei mir "position: absolut" beim Footer nicht, wenn ich auf position fixed wechsle geht es. An was kann das liegen.. entstehen dadurch ev. Probleme??
Liste der Anhänge anzeigen (Anzahl: 2)
Hallo Andreas,
vielen Dank für deine Hilfe...
Nur leider klappt es immer noch nicht so ganz. Wenn ich nun langen Inhalt habe und scrollen muss, scrollt der Footer mit nach oben :(
Anhang 18352
Anhang 18353
Sticky Footer per Flexbox, sehr einfach.
PHP-Code:
#wrapper {
display: flex;
flex-flow: column;
min-height: 100vh;
}
#container {
flex-grow: 1;
}
Höhen für #header und #footer brauchen dabei nicht angegeben zu werden. Einfach nicht angeben und die Höhe ergibt sich aus dem Inhalt.