Using absolute positioning


show more Using absolute positioning provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS5 Essential Training show less
please wait ...

Using absolute positioning

Absolute positioning, unlike relative positioning, removes the element from normal document flow. Other elements in the document that come after it move up as if the element doesn't exist. The positioned element is then placed precisely where you want it using a combination of left, top, right or bottom offset values. The trick is to know which point you're positioning it from. Absolutely positioned elements are moved in relation to the closest parent element that has a position attribute. If no such element exists, then the top parent element, which is usually the body tag, is used instead.

This is why it's so common to have parent elements that merely have a positioned attribute of relative with no other offset values. Now that sounds pretty abstract until you actually see it in action. So we're going to go ahead and do an exercise here where we do absolute positioning and we understand the relationship that their parent elements have to the positioned element itself. So I...

Using absolute positioning
Video duration: 7m 18s 15h 22m Beginner

Viewers:

Using absolute positioning provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS5 Essential Training

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...