This must be the most semantic menu ever ;)<div><br></div><div>Have you tried setting the colspan attribute (colspan="3") on the <th>? You must explicitly tell the cell to occupy the space where other 2 cells are expected. </div>
<div><br></div><div><a href="http://dev.w3.org/html5/spec-author-view/tabular-data.html#attributes-common-to-td-and-th-elements">http://dev.w3.org/html5/spec-author-view/tabular-data.html#attributes-common-to-td-and-th-elements</a></div>
<div><br><div class="gmail_quote">2011/3/20 webmaster <span dir="ltr"><<a href="mailto:webmaster@tsmchughs.com">webmaster@tsmchughs.com</a>></span><br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
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:<br>
<br>
<a href="http://www.tenmercer.com/menu/dinner" target="_blank">http://www.tenmercer.com/menu/dinner</a><br>
<br>
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.<br>

<br>
"Calculating the number of columns in a table" from the html 4 spec<br>
<a href="http://www.w3.org/TR/html401/struct/tables.html#h-11.2.4.3" target="_blank">http://www.w3.org/TR/html401/struct/tables.html#h-11.2.4.3</a><br>
says "user agents should base the number of columns on what is required by the rows" when there is no <col> or <colgroup> elements.<br>
<br>
I actually tried inserting both <col> and <colgroup> elements, with no change. But if I explicitly add empty <td> elements, as in this menu<br>
<br>
<a href="http://www.tenmercer.com/menu/glutenfree" target="_blank">http://www.tenmercer.com/menu/glutenfree</a><br>
<br>
then the border extends, even in Safari.<br>
<br>
I tried to find something in the html5 spec, but I'm having trouble deciphering<br>
<br>
<a href="http://dev.w3.org/html5/spec/Overview.html#table-model" target="_blank">http://dev.w3.org/html5/spec/Overview.html#table-model</a><br>
<br>
Is there something more recent regarding how browsers should calculate the number of cells in a table?<br><font color="#888888">
<br>
-- <br>
Brian T<br>
_______________________________________________<br>
Help mailing list<br>
<a href="mailto:Help@lists.whatwg.org" target="_blank">Help@lists.whatwg.org</a><br>
<a href="http://lists.whatwg.org/listinfo.cgi/help-whatwg.org" target="_blank">http://lists.whatwg.org/listinfo.cgi/help-whatwg.org</a><br>
</font></blockquote></div><br></div>