I'm trying to figure out how to display the header, content, and footer sections in a specific order using CSS with blueprint. The HTML code is structured as follows:
<div id="content">...</div>
<div id="footer">...</div>
<div id="header">...</div>
Typically, I want the header to be at the top, followed by the content, and then the footer. However, I need this layout to work regardless of the order in which the divs are written in the XHTML file. In other words, even if the "content" section appears after the "footer," I still want the footer displayed below the contents.
P.S.: The content section is initially placed first for SEO purposes but the heights of each section may vary depending on their content.