html - 固定宽度在 IE8 上不起作用

Question

我对网站上的固定宽度有疑问。我需要让它在 IE8 上运行，但我不知道该怎么做。

这是我的代码:

这是正在呈现的表格样式:

这是我正在谈论的页面:http://www.bayercropscience.ro/fidelis/magazin (我在虚拟机上用IE8运行Win XP进行测试)。

Answer 1

布局问题的原因是因为您的某些图像非常宽: http://awards.createdirect.ro/cache/images/HQ6906_16.jpg-800x600

IE 8 似乎将第一列宽度基于最大图像而不采用内联 max-width首先考虑风格。正如@Vaibhav 建议的那样，添加 table-layout: fixed;告诉浏览器仅将列宽基于第一行，这就是它解决问题的原因。

https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout

另一种解决方案是手动将图像调整为 60 像素宽，这对于性能也会更好；)

此外，我注意到这个选择元素有一个问题:<select class="select2 search_input"> .

默认情况下，选择列表的宽度与其最长的 <option> 一样宽值，在您的情况下非常长:

Tableta ASUS Transformer Book T100TA-DK005H (Intel Atom Quad-Core Z3740, 10.1" Multi-Touch, 2GB RAM, 500GB + 32GB eMMC, USB 3.0, microHDMI, Windows 8.1, Licenta Full Office Home & Student 2013, 2 Ani Garantie)

这会导致选择非常宽，触发浏览器中的水平滚动条。只需添加 width: 100%; 即可修复至 .search_input .

这仅在 IE 8 中很明显，因为 Select2 插件由于某些 JS 错误而未运行。

祝你好运!