Footer ALWAYS at bottom?

steven s

Well-known member
Any way to make the footer always appear at the bottom of the screen not the page when the page doesn't fill the entire screen?
 
Interesting effect but I probably didn't explain what I want to do properly.
When the page does not require s vertical scroll bar, I'd like the grass in the footer to be at the bottom rather than having all that white space below as in the image towards the top.

screen.webp
 
Great start.
For starters I copied all the css code to EXTRA.css

In PAGE_CONTAINER
above <xen:hook name="body"> added <div class="wrapper">
above <footer> added <div class="push"></div></div>

demo: http://www.bronxroots.com/error

Now I need to tweak the css so there is no vertical scroll bar and remove unnecessary css.
 
eh...that's just human nature. Put 5 people in a round room and you'll come out with 4 opinions and at least one really bad idea....LOL

I just thought it looked cool. Although, I thought the header and footer were interesting combo...
 
Top Bottom