Appendix BBrowser results for the methods

Example as it stands fails

Solution is to force get hasLayout applied to #wrapper, eg using something like zoom: 1.

By not feeding IE Mac the padding- and margin-bottom values that are behind the equal height, we get an acceptable degradation - if IE Mac 5 really must be catered for, then it's nothing faux-columns suitably applied can't handle

On the other hand, if IE Mac 5 does get to see the padding- and margin-bottom values, the failure is catascrophic as it makes the page that height

Snaps placed above wrapper div (despite being able to paint wrapper's background to the correct height)

Solution is to not give IE Mac 5 the absolutely positioning for snap and to just let it take its place in the flow

Now the snaps vanish entirely

The fix is the same as the solution for snapped elements without equal columns

A bug when overflow: hidden and position: relative are declared on the same element causes the unmodified markup to fail severely since the snappers quite simply vanish

#wrapper's overflow: hidden can't be removed since it's the lynchpin that the equal heights method relies on

However, by wrapping another div around #wrapper and moving position: relative to it, everything is ok again.

It's annoying that this has to be done, but so far it's the only known fix

See article body for details

Snaps placed correctly to the bottom of the wrapper div, however 1em additional bottom margin sneaked into the wrapper div and so the snaps are 1em below the bottom of the longest column.

But check the combined result...

Same caveat as for NS7

Some elements beneath the wrapper appear not to be able to receive clicks - the footer is ok so there you go

Snaps vanish

... and where they gos, nobody knows

Netscape 6.1

Since the snaps fail, unsurprisingly the combination fails too - the equal height stuff still works just fine

Columns simply stack up on top of each other

See the appendix that deals with older browsers.

To get Opera 9 and 8 to play together at the same time requires some mundane if verbally spectacular and verbose hackery. Of course, you could just drop support for Opera 8...

Percent works just fine.

Pixels and ems go haywire and extend the columns.

Percent also stops working in just the same manner as the equal height failure.

See the appendix that deals with older browsers.

Additionally, the em version makes the columns too narrow for some reason

There's a rendering display problem (which is probably the cause for Mark's extra content wrapper div) when the page is left and returned to (clicking back and forward, switching to another app and back again, but not reloading the page), everything is magically ok!

Horribly messy

Each Snap extends from the bottom of its column to the bottom of the viewport (nice job on your positioning there Opera 6).

The messiness of the snap placement, and the equal heights stop working.

But because of the overflow:hidden, the extended snaps are also subject to the magic of the equal height's "now you see it, now you don't" page revisit born againness

Columns don't even begin to be treated as such - they just stack up vertically, ie. as usual

The vertically positioned elements don't show up at all.

Which is very odd since the examples work in iCab just fine.

Still no sign of the vertically positioned elements.