Although this question has been asked a thousand times I just cant find a solution for the html/css layout i am working on.
I am working on css for a custom cms that I use, I need to keep the main sections (header, content, footer) html that it pumps out and use css to force the footer area to stay attached to the bottom of the page.
I have attached an html (remove .txt extension) file containing inline css and html file. The ideal result would mean:
1. The blue footer area streches to the bottom of the page.
2. The Purple inner footer is attached to the bottom of the blue footer area and therefore the bottom of the page
3.The purple inner footer will always sit below the red/green content area.
Any thoughts on this would be much appreciated as I just cant fix it.
Many thanks in advance