DemoDHTML: Positioning

Positioning of Elements

Only Block-Level elements (those that create a line break like P, H1 - H6, DIV, BLOCKQUOTE) and the Netscape-unique LAYER can be positioned. Obviously inline elements should STAY inline!

The STYLE for a positioned block-level element MUST specify the position property, (according to Netscape) which may be:

absolute = the element is fixed to that spot on the page or layer containing it.

relative = the element will move with the flow of text, should the formatting change.

static = the element will not scroll with the page but stays in one spot on the screen

The browsers do not support all of the planned applications of positioning yet.

Syntax:

for embedded or linked stylesheet -

.myspot {position:absolute;left:100px;top:75px}

for inline styling-

for a layer the position can be set in the tag and the position will be absolute-

Examples:
    Absolute Position
    Relative Position
    Static Position