CSS Float Based Layouts

Posted The: 10/04/2008 At: 12:40

Last Edited: 22/11/2008 At: 5:50

This Tutorial includes the best techniques using float to create multi-column layouts, as well as single column layouts. The CSS float property, along with relative positioning is widely used when creating layouts.

No hacks, JavaScript, or negative margins where used, unless otherwise written.

Float Based Layouts

The following is a collection of Tutorials, Articles, and even Complete Techniques showing how to use float in layouts.

Techniques

Brugbart Examples

  1. Float Based 3-column Layout
  2. TC+BC Equal Height Column Layout

TC=TopContent BC=BottomContent

Author: BlueBoden

Comments: [0]

© Brugbart Webdesign