Lock a table column in Non IE

I want to lock columns as shown at http://web.tampabay.rr.com/bmerkey/...column-csv.html

Unfortunately that only works in IE. I've had a crack at doing it with firefox and it's give me grief.

Any ideas?

Hi Pete! Welcome back.

Hmm... you had a thread in March that I seem to have forgotten about. Oh well, welcome back anyway.

Check out this thread on SitePoint: Scrollable tables

Heya Kravvitz,
I'm not the regular I used to be, but I can remember you being very helpful. =)

The scrolling itself I'm ok with, it's the column locking that is tricky. There is one example of scroll locking in that thread, but it's a scary maze of nested divs and tables that I'd prefer not to deal with.

I really liked the example I posted because it doesn't require modifying the DOM at all.

Cheers,
Pete

Gary (kk5st) hasn't put this example up on his new site yet, but here's a link to a copy at web.archive.org. Unfortunately his technique doesn't work in Opera 9.x though.

The alternative is to use two separate tables, one for the header and one for the body, and set widths (preferably in EMs) for each column. The body table would be placed in a <div> that had overflow:auto.

P.S. Have you seen the getStyle Function page on my site? I based the color format conversion functionality on some code you wrote a while back.