Left Sidebar, flex-width board, banner on top For those who like flexible width message board areas and a banner on top, this code provides that. Credit goes to Lesigner Girl for most of the base coding and the inspiration. I have added background colors and/or borders to each area to show where things are and placed the Runboard logo in the banner/logo area to show that bit off a little more.
The CSS Codes body { font-family: verdana,arial,sans-serif; font-size: 12px; margin: 0; }
img { border: 0; }
<div id="footer">
Footer stuff here
</div><!-- end footer -->
</div><!-- end wrapper -->
-----------------------------------------------------
NOTE: This layout will cause the message board area to expand or contract depending on your user's screen resolution. This behavior means you should probably keep announcements and such relatively short so your users don't complain.
Re: Left Sidebar, flex-width board, banner on top Screenshot with the different areas either color-coded or with color borders around the areas so you can see what does what.