This is the left column. This DIV is set to float to the left.

The columns are design not to overlap, regardless of how you resize the browser window. This makes it compatable with any screen resolution the visitor has.


Other Layouts:

This page is an example of a three-column fluid design. This is the main content area of the page. It has no positioning applied to it. Instead, it sets the margins up according to the widths of the left and right columns. Depending on what you want to accomplish design-wise, these three columns can be completely liquid, fixed width or a combination of either.

In addition to the three columns, this design includes a header and a footer. It also functions properly in all three major browsers, Internet Explorer, FireFox and even Netscape. The DIVs work well using custom backgrounds and borders.

This is an XHTML design, written in strict compliance with W3C standards.

This is the Right Column. It differs from the left column in that, it is positioned absolutely, from the left and can be placed anywhere in the flow of the document.

Due to the way Netscape calculates the width of the browser window, if you resize the browser to certain widths, this DIV will overlap with the center DIV. Resizing again, either wider or narrower, which usually takes care of the overlapping issue.