html/css 表格在 IE 中被破坏

Question

这是我正在使用的网站，所有其他浏览器都能正确显示表格，但像往常一样，当涉及到 IE(特别是 9)时，它会崩溃。

http://lumpiahouserestaurant.com/menu/

我已经修复了 <thead>问题是因为 IE 没有很好地解释 display:inline-block。我找不到与 <tbody> 类似的问题.

该表的主要目标是拥有 <tr>向左浮动，<td>有显示 block ，所以他们向下显示。

Answer 1

表格不是设计成以这种垂直方式书写的。虽然以这种方式玩弄浏览器可能是一个有趣的实验，但这听起来像是在生产站点中令人头疼的一个秘诀。

如果您坚持以这种方式编写表格(我猜您想这样做是因为在 HTML 中阅读起来更直观)，您可以选择

1. 制作一个包含 7 列和 1 行的外部表格 - 每天一个。在每一列中创建一个包含 n 行和 1 列的表来保存每天的数据。这是假设表格行不应对齐，如您的示例所示。
2. 从左到右而不是从上到下整理表格，然后 use javascript to transpose the table.