Understanding floating elements


show more Understanding floating elements 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 ...

Understanding floating elements

The last positioning model we need to discuss before we can begin laying out our page elements is floating elements. Now if an element is floated, essentially it's removed from normal document flow and it floats either to the right or to the left based upon the float value, because you can float it to the right or to the left, and they position themselves until the floated edge touches the edge of the containing block, and that could be the parent element or that could be the body tag if that happens to be their parent element itself the containing element. Now the trick here is that any element that comes after them in the document flow moves up to occupy the previous position. In the example, you are seeing them slide, Box 1 is floated to the right, so Box 2 and 3 come up and float beside it. In the slide, Box 1 is being floated to the right, meaning elements Box 2 and Box 3 move up to occupy the position Box 1 used to occupy. The problem that most people with floats is they do...

Understanding floating elements
Video duration: 7m 9s 11h 10m Intermediate

Viewers:

Understanding floating elements 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 ...