I have a table inside some other HTML elements and it renders strange - the border space appears even if I set it in css as collapsed.The table looks like this:
and the html is this:\[code\]<table cellspacing="0" border="1" class="scrollable-headers-only" title="" cellpading="0"> <thead title=""> <tr title=""> <th class="check" title=""></th> <th class="type" title=""></th> <th class="name" title="">Name</th> <th class="address center-column" title="">Address</th> <th class="domain" title="">Domain</th> <th class="status" title="">Status</th> </tr> </thead> </table>\[/code\]and the css, as it appears in FireBug is this:
I added border only too see the s[aces between cells. My issue is to eliminate that space. I added cellpading and cellspacing = 0 to the table, but doesn't make difference. I added css to eliminate that space, without any change in rendering. This table is used as header for another table, and I need to align it's columns to the other one - as you can see from image, there are small lines under the table. I need to align this table with the second one, for this reason is important to get 100% precision.What's wrong?Thank you.
- for the main table:
- for each th: