nicht angemeldet
Problem bei der Ausrichtung eines Footers
Guten Morgen!
Wie der Titel bereits verrät...
Der Footer besitzt ein Hintergrundbild mit einem vertikalen Farbverlauf von Hintergrundfarbe des <body> zu einer helleren Farbe.
Bsp:
<body>
###########
###########
###########
<footer>
###########
***********
...........
</footer>
</body>
Also ich möchte den Footer unter den Inhalt setzen. Soweit kein Problem.
Bei einer höheren Auflösung seh ich aber unter dem Footer wieder die Farbe von <body> wenn der Inhalt nicht lang genug ist. Ist auch nachvollziehbar.
Bsp:
<body>
###########
##Content##
###########
<footer>
###########
***********
...........
</footer>
###########
###########
</body>
Abhilfe würde hier eine absolute Positionierung mit bottom:0; schaffen.
Dabei wird der Footer bei kleineren Auflösungen über den Inhalt geschoben.
Auch nachvollziehbar.
Wie schaff ich es aber, dass ich den Footer bei hohen Auflösungen am Fensterboden kleben habe, aber bei kleineren Auflösungen trotzdem unter dem Inhalt steht?
Die andere nicht so schöne Lösung wäre zur Not, die helle Farbe aus dem Verlauf des Footers unter dem Footer fortzusetzen. Aber auch dazu fehlt mir ein Ansatz.
Bsp:
<body>
###########
##Content##
###########
<footer>
###########
***********
...........
</footer>
...........
...........
</body>
Könnte mir bitte jemand dabei helfen?
Grüße, Matze
-
Hallo Matze,
wie positionierst Du denn im Moment den footer?
ciao Akela
-
Hi Matze!
Könnte mir bitte jemand dabei helfen?
Schon mal den Artikel Footer aller Art gelesen?
Und natürlich hilft wie immer auch Google weiter.Gruß Gunther
-
Hallo Gunther,
Schon mal den Artikel Footer aller Art gelesen?
Ja, lange ists her. Eine Auffrischung war aber ganz gut :)
Ich habe den Footer jetzt mit position:absolute an das untere Ende des Content-Kontainers positioniert. Selbiger wird auf 100% Höhe gestellt.
So ist der Footer jetzt immer dort wo er hingehört - unten :)Danke schön!
Grüße, Matze
-