Source Ordered Columns - Five Easy Companion Pieces

Big John provides the theory - now here comes the practice.

  1. 3Col_NN4_FFFF
    3 col layout (liquid or fixed width) through ordered floats alone
    the page is dynamic so you can play with the settings, ie. change the column order, change the gutter between the columns etc
  2. 3Col_NN4_FMFM
    3 col layout (liquid or fixed width) through ordered floats with some help from margins
    the page is dynamic so you can play with the settings
  3. 3Col_NN4_FMFM_B
    As 3Col_NN4_FMFM but with column dividers created by background images
  4. 3Col_NN4_FMFM_C
    As 3Col_NN4_FMFM but with equal height columns created by background images
  5. aaa
    A randomised riff on the theme that the ordered float model is a generic multi-column approach rather than just a 3-column one.
  6. Public Domain Dedication

    Back to CSS index