I finally got a chance to use Position Is Everything’s sweet equal height column css hack this week. It saved my butt and allowed me to use divs instead of a table. The css is amazingly simple and gets us that much closer to ditching tables forever.

I ran into an issue with Safari on 10.4.3 though. I had a form above my rows of data and had the form tag wrapped around the wrapper DIV. While doing this I wondered if it being a block element would mess up my beautiful DIV table. Sure enough it did.

What happens is that any elements below the form are impossible to select. That includes clicking links. Not good.

The fix is simple. Set the form to display: inline and you’ll be good to go.

Sad Page

Happy Page

This entry was posted on Thursday, November 10th, 2005 at 2:02 pm and is filed under Misc. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.