[html5] table with fixed headers

[Frank Hellenkamp]

Hi Larry,

> Larry, I have seen several people attempt to achieve what you are trying
> to do, but I've never seen a solution that didn't involve fixed column
> widths.
> 
> Not to say it's impossible.

IF (and only if) the column headlines are always smaller than the
content inside (so that they don't have to stretch the table cells), it
seems possible:

http://jsfiddle.net/34Fd5/28/

Notice the additional <span> around the headers with absolute positions,
the extra container, to keep the relative-root outside of the
scrollcontainer, and the fake background to outside of the table content.

You cannot center or right align the header titles though, because it
would destroy our positioning.


Best

Frank

-- 
frank hellenkamp | interface designer
solmsstraße 7 | 10961 berlin

+49.30.49 78 20 70 | tel
+49.176.32 13 88 89 | mbl
jonas at depage.net

http://depage.net | bureau
http://everydayisexactlythesame.net | see
https://twitter.com/depage_net | twitter