Safari +表格+宽度问题

时间:2012-04-29 16:33:48

标签: html css safari html-table width

我目前有一个表格,其中包含我的网站的主要版面(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/

1 个答案:

答案 0 :(得分:1)

我认为这可能与safari中的list bug有关,其中没有设置为0的边距/填充可以缩进项目,但它不是。

我所做的就是你的HTML非常无效。例如,作为无序列表中的子项允许的唯一元素是列表项(li),但在该菜单中,您有一个锚作为无序列表的直接子项。

无效的html总是可以在不同的平台/浏览器中产生时髦的行为,我怀疑这是其中之一。

那么使用表格布局的问题就是上个世纪你应该为此感到羞耻(没有充分的理由你应该在这个布局中使用一个)。

无论如何,要开始解决您的问题,请查看此处,然后在列表中解决它们:

http://validator.w3.org/check?uri=www.enl-esports.com