I tried using COLLAPSE, HIDDEN with visibility or NONE using display and none works correctly under FF3. I always have the space reserved and borders show... In the previous example, the table should be totally shrinked and show nada except the table's border but it doesn't work correctly. Any idea how to make it work correctly for both IE7+ and FF3+?
Oh and i also tried removing the cell attributes such as padding, margin, background-color,, border and setting the width to 0px or 1px but it seems that collapse doesn't collapse the content, only the cell, but then, a space is reserved and it leaves it there or something like that i think...
Yes it does, it's in fact the correct way of doing if you look at the w3c. And no Display:None is not the right way, IE 7 supports it but the official way is using visibility:collapse.
I just needed a tweak to see if reseting some props would help but my guess is it's a gecko problem...
Hm.. didn't knew there was such a property. But it looks like it doesn't work correctly in IE7 and in web-kit it's not supported according to http://www.quirksmode.org/css/columns.html
Have no idea how to fix it
I guess Trident engine (IE) will fix it in IE8 and support it correctly (Can always hope)
For now, i decided that my framework will simply not print out the data if the columns of the grid are to be hidden, and when all user agents will support it, i will implement it back as a real hidden column...
<table summary="This table displays third party modules of the past and present.">
That is probably what you're trying to do. I've never come across a "col" element so it's likely you're reading proprietary or deprecated HTML at best.
Col group tags are a superobject that can act as a grouping of columns to event more simplify the column specification. As per w3c, the col element represents 1 column as long as it's colspan attribute is not set higher. The colgroup element is the exact same and is used this way: