HTML and CSS Reference
In-Depth Information
Practical Uses for Float
Floats can be used to resolve a number of design challenges in CSS layouts.
Some examples are discussed here.
2-COLUMN, FIXED-WIDTH LAYOUT
Roger Johansson of 456 Berea Street outlines an 8-step tutorial to create a
simple, cross-browser, 2-column, horizontally centered layout. The
float
property is integral to the chemistry of this layout.
“The layout consists of a header, a horizontal navigation bar, a main
content column, a sidebar, and a footer. It is also horizontally centered
in the browser window. A pretty basic layout, and not at all di
"
cult to
create with CSS once you know how to deal with the inevitable Internet
Explorer bugs.”
