Voyage Name - Positional Karma

Root Map

Destination
Multiple. Refer to Legs.
Mode of Transport
XHTML, CSS, DOM
Commenced
07 · 18 · 03
Last Pit Stop
07 · 20 · 03
Approximate Mileage
30 %

Objectives

To test the capabilities of absolute and relative CSS positioning.

Leg 1A - Infinity

Utilises a simple loop to build a DOM tree of <div> elements. Each new element is half the size of the previous element, and all elements are children of a single <div> container. Each child is designated position: absolute and the parent element position: relative The loop demonstrates the possibilities for absolute positioning within a relative container.

Leg 2A - The Hedge Layout

Exposé to follow.

Site Menu