CIW Course Revision Site


Element Positioning with CSS

CIW Course in a Nutshell

Absolute, Relative, Fixed, Static

The W3C recommends that all element positioning or placement is done using CSS rather than with tables as was often, and to a large extent still is, the case.

As the heading would suggest, there are four methods for positioning an element on the page, but before we discuss these in detail we should look at what is meant by the "document flow".

Document Flow

Without specifically placing an element at a given location, the element will display in a default position, which is it's natural position in the document flow.

Elements are positioned one below another from the top down, unless other properties are stipulated to change this.

Float

 

Design by Fife Web Design

Certified Internet Webmaster

Page last Edited: 02 Jun 2006