By using this site you agree to the use of cookies by Brugbart and our partners.

Learn more

CSS Position Based Layouts

How to use the position property of CSS to easily design your website.

Edited: 2011-03-16 02:35

This Tutorial shows how to use absolute positioning for layout, while float techniques being the most widely accepted in use, absolute positioning alows for about same flexibility as float based.

AP Based Layouts

The below is a collection of hand-picked Articles, Tutorials, and entire Techniques which uses Abselute Positioning.


  1. Position based multi-column layout
  2. CSS Position Based Two-column Layout
  3. BlueBodens Equal-height Columns Technique.
  4. Createing a Fluid Box with Rounded Corners