Header
This is the navigation section.
These are the jump points.

Uniform Height Columns

This is a test of uniform height columns.

This is the actual content of the layout. Normally this will be the longest column, but not necessarily so…

This has been tested in several browsers and generally seems to work with the text wrapping and column heights and whatnot:

  • Firefox 1.5
  • Internet Explorer 6.0
  • Opera 8.54: the overflow: hidden is ignored
  • Safari 2.0.3

I can never tell with IE if it is in quirks mode or not.

width: 50%
width: 50%; padding: 0 10% 0 10%

If the two divs are the same width, it's in quirks mode. Two notes:

  • IE6 goes into quirks mode with no doctype or an initial <?xml ?> declaration. Even if that declaration is commented out.
  • IE7 goes into quirks mode with only with no doctype.
  • This document can be seen with:

Issues with Relative Links

One problem with this layout is relative links. When a relative link is used, it should cause the page to scroll to that point. Instead, because of overflow: hover, the top of the page is cropped.

Footer