[html5] empty cells
webmaster at tsmchughs.com
Sun Mar 20 15:00:27 PDT 2011
I'm seeing what I think is a bug in Safari with regard to empty cells in
a table. I have a restaurant dinner menu marked up as a table:
The first <tr> of each <tbody> element contains only a <th> element
(thanks to hixie for the scope="rowgroup" suggestion a couple of weeks
ago). Each subsequent <tr> has 3 cells: a <th> and two <td>s. My style
sheet has a rule to place a border-bottom on tbody tr:first-child. In
Firefox, the border extends across the table, but not in Safari.
"Calculating the number of columns in a table" from the html 4 spec
says "user agents should base the number of columns on what is required
by the rows" when there is no <col> or <colgroup> elements.
I actually tried inserting both <col> and <colgroup> elements, with no
change. But if I explicitly add empty <td> elements, as in this menu
then the border extends, even in Safari.
I tried to find something in the html5 spec, but I'm having trouble
Is there something more recent regarding how browsers should calculate
the number of cells in a table?
More information about the Help