Floating and Absolute Positioning
CSS Page layout is certainly one of the most important topics in the area of web design, but is not all that easy to understand. Therefore we will present this to you in a easy to follow manner, spread over several lessons.
If you have no knowledge of CSS layout, then make sure you go through all lessons in order. If you already have some experience, then feel free to jump in where you like.
CSS Layout - IntroductionThis gives you an overview of the possibilities within the realm of CSS layout.
Containing Blocks - A key concept for aiding you in your layouts
Containing blocks, or containers, give you a frame to hold content.
CSS Float Positioning
Floating is the most common type of page layout used today on the web.
CSS Absolute Positioning
This layout method gives you the ability to achieve 'pixel-level' positioning of content.
CSS Relative Positioning
This layout method let's you leverage the 'container model'.
How to Center a Floated Div
Learn how to float your site in the center of the screen