<-- IE quirks rendering mode trigger --> 3 Column CSS Layout - Fixed Header and Footer

CSS - 100% Height layout.

  • three column stretch
  • fixed height header and footer
  • footer spans 3 columns

Middle Column

The longer version has more information and links to the CSS files

Update: Journal entry where you can discuss the layout instead if you want!

Footer remains fixed to bottom of page unless any one of the three columns pushes it down.

IE6 has to be in quirks mode using this technique

More Layouts