html - Safari + 表格 + 宽度问题

Question

我有一个表格，目前包含我在 ( http://www.enl-esports.com ) 上找到的网站的主要布局。

id 为“menu”的表格列的指定宽度为 150px，但它在 safari 中随机决定变为 160px。我没有填充，也没有边距，当我删除它的内部 HTML 时问题仍然存在（这可能会迫使它变得更大..）。它在 Chrome 中运行良好。

我尝试使用固定的表格布局（如在此处找到：http ://www.w3.org/TR/REC-CSS2/tables.html#width-layout ），但没有解决问题。

您最能看到的页面可以在这里找到：http ://www.enl-esports.com/seasons/

score 1 · Accepted Answer

我在想这可能与 safari 中的列表错误有关，其中未设置为 0 的边距/填充可以缩进项目，但事实并非如此。

我所做的 discrev 是您的 html 严重无效。例如，无序列表中唯一允许作为子项的元素是列表项 ( li)，但在该菜单中，您有一个锚点作为无序列表的直接子项。

无效的 html 总是会导致跨不同平台/浏览器的时髦行为，我怀疑这就是其中之一。

然后是使用上个世纪的表格布局的问题，您可能应该为它感到羞耻（无论如何，您没有充分的理由应该在此布局中使用表格布局）。

无论如何，要开始解决您的问题，请查看此处并查看解决问题的列表：

1 回答 1