Using absolute and relative positioning


show more Using absolute and relative positioning provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS3 Beyond the Basics show less
please wait ...

Using absolute and relative positioning

When controlling element positioning on the page, there are three positioning models that your browser is going to use: normal document flow, absolute positioning, and floats. In this movie, we will discuss absolute positioning and relative positioning, which is actually considered part of normal document flow, and we will discuss floats in our next movie. So absolute positioning is going to take an element and actually remove it from your normal document flow. Your normal document flow basically states that block level elements position themselves on top of each other from the top of the page to the bottom of the page, and inline level elements will go from left to right. So in this example, in normal flow, div tags, Box 1, 2, and 3 are positioned right on top of each other because that's the order that they come in the content. So Box 1 is first, then Box 2, and box number 3. And based upon their margins and padding, we learned about in the box model in the last movie, they are...

Using absolute and relative positioning
Video duration: 8m 34s 11h 10m Intermediate

Viewers:

Using absolute and relative positioning provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS3 Beyond the Basics

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