HTML and CSS CSS LayoutsHTML and CSS - CSS Layouts
CSS Layouts
Three Columns with Fixed Flanking Menus
Three Columns with Masthead and Footer
Nested Float
Centered Designs
Complex Layouts
Repeat After Me…
The past few years, people have sought a means to transcend all the problems related to table-based layouts and use CSS specifically for managing the visual layouts of their designs. In this tutorial, you get a chance to work with the primary types of layouts in CSS that are typically used to achieve a range of design. Some of these layouts are based on positioning schemes. Some of the layouts use floats, which, you'll recall, are not a positioning scheme but do enable you to create columnar layouts. The combination of floating and positioning is common as well, and you'll get to see examples of that in action.