Hi all, past days i've working on so called "css scrollable tables" or "tables with fixed headers". The examples/techniques i found here and, in generally, on the web doesn't meet my expectations, so i pick up some idea from them and i started testing for another solutions. (the main idea from i started off is best detailed here http://cssplay.co.uk/menu/tablescroll.html).
In fact, the table i've made has not a fixed size, and it fills entirely its container, with first column taking all available space left by other (fixed-width) columns. And, since i've positioned the thead element with position:absolute, removing them from the flow, i get the column headers miss the alignment with the column bodies... and that's the first problem. Again, i've used em units to give the table an "elastic" design. I have set external div have a padding-top of 3 em, that's the desidered height of thead element. Since the thead have two tr elements inside, i have set each one height to 1.5 em. And here the drawback.. due to em-to-px conversion, it seem that 1.5+1.5em is not equal to 3em. It's seems to me CSS are not good enough to address this issues.. so i've solved them using a bit of javascript (i know, it's not a really good solution but....) Riccardo Lora ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
