Content First 100% Min-Height Semi-Fluid layout

Simple demo of a three column layout

This demo is loosely based on the one found on CSS-Lab.com but disposes of some 3k of markup, scripting and CSS.

Features include:

  • 100% min-height so the footer stays at the bottom of the screen when content is shorter than screen height.
  • Content in source before the sidebars since content is the most important part of the page.
  • No scripting assist except for expressions in the CSS for IE6/earlier
  • Only CSS hacks used are for FF 2.x/earlier (-moz) and IE6/earlier (* html, expressions)
  • No CSS 3 browser specific 'hacks' needed for Opera or IE

First Side Bar

This is just some filler text to fill the empty space.

This is just some filler text to fill the empty space.

This is just some filler text to fill the empty space.

Second Side Bar

This is just some filler text to fill the empty space.

This is just some filler text to fill the empty space.

This is just some filler text to fill the empty space.