Absolute positioning

As we mentioned in our last movie, absolute positioning is one of the three…positioning schemes in CSS.…When you use it to position an element, that element is removed from normal flow…and no longer affects the elements around it. Nor in turn is it affected by any…changes to those elements.…To illustrate how this works, let's experiment with absolute positioning using…the absolute.htm file, which you can find in the 04_02 directory.…Just a brief look at this page shows us that it really is sort of exactly the…same page we were working on, but there is one minor change.…

Down here where we have our three div tags, we have a section now wrapping those…div tags, and notice that the section has a class of container. And we will see…the importance of that in just a moment.…So I am going to scroll up to our styles. And before we do anything, let's just…sort of preview the page, so that we can see what it looks like before we begin…positioning our elements.…So again, One, Two, and Three, just stacking right on top of each other the…

Resume Transcript Auto-Scroll

Author

Released

2/7/2012

CSS: Page Layouts introduces basic layout concepts, gives advice on how to create properly structured HTML based on prototypes and mockups, and goes into critical page layout skills such as floats and positioning. Author James Williamson shows how to combine these techniques to create fixed, fluid, and responsive layouts. Designers are also shown how to enhance their pages through the creative use of CSS techniques like multi-column text, opacity, and the background property. Exercise files are included with this course.