Layout Options

  • Fixed Header
    Makes the header top fixed, always visible!
  • Fixed Sidebar
    Makes the sidebar left fixed, always visible!
Position

Property Description

The position property is used to position an element.

This property has the following syntax:

position: absolute|fixed|relative|static|initial|inherit;

Property Values

Value Description
absolute Generates an absolutely positioned element, positioned relative to the first parent element that has a position other than static. The element's position is specified with the "left", "top", "right", and "bottom" properties
fixed Generates an absolutely positioned element, positioned relative to the browser window. The element's position is specified with the "left", "top", "right", and "bottom" properties
relative Generates a relatively positioned element, positioned relative to its normal position
static (default) No position, the element occurs in the normal flow (ignores any top, bottom, left, right, or z-index declarations)
initial Specifies that the value of the property should be set to the default value
inherit Specifies that the value of the property should be inherited from the parent element

Examples

This example specifies the position an h1 element.

h1 {
  position:absolute;
  left:50px;
  top:100px;
}

Browser Support

Chrome Firefox IE Safari Opera
1.0 1.0 7.0 1.0 4.0

Miscellaneous Information

Inherited: No
Defined In: CSS2
Default Value: static