Matze: Problem bei der Ausrichtung eines Footers

Beitrag lesen

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