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

另一种解决方案是手动将图像调整为60px宽，这对性能也会更好;）

此外，我注意到此select元素存在问题：<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)

这会导致select非常宽，在浏览器中触发水平滚动条。只需将width: 100%;添加到.search_input即可解决此问题。

这在IE 8中才会引起注意，因为由于某些JS错误，Select2插件没有运行。

祝你好运！