I have a page design with only one content container (i.e. no sidebars and content layout is set to one container). I would like to make the main container extend to the bottom of the browser window (footer showing as well) regardless of how much content there is on a page. So that there would not be any background showing after footer.
I’ve tried some css but no success. Is this doable?
unfortunately not. I think the problem is similar but not the same.
In my case the page is not tall enough as well and that leads to undesirable white space below the footer bar.
That CSS is supposed to add the same color as your footer bar below the footer, so there’s not a sudden color change.
Actually sticking the footer to the bottom of your browser requires javacript, which will hurt the performance of your page. Might be better to use the above method, or even set a min-height to your content?