固定宽度在 IE8 上不起作用
Fixed width on IE8 doesn't work
我对网站上的固定宽度有疑问。我需要让它在 IE8 上运行，但我不知道该怎么做。
这是我的代码：
这是正在呈现的表格样式：
这就是我说的页面：http://www.bayercropscience.ro/fidelis/magazin（我运行在虚拟机上用IE8 Win XP来测试它）。
布局问题的原因是因为您的某些图片非常宽：
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 元素存在问题：<select class="select2 search_input">.
默认情况下，select 列表将与其最长的 <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 中很明显，因为 Select2 插件不是 运行 由于一些 JS 错误。
祝你好运！
我对网站上的固定宽度有疑问。我需要让它在 IE8 上运行，但我不知道该怎么做。
这是我的代码：
这是正在呈现的表格样式：
这就是我说的页面：http://www.bayercropscience.ro/fidelis/magazin（我运行在虚拟机上用IE8 Win XP来测试它）。
布局问题的原因是因为您的某些图片非常宽： 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 元素存在问题：<select class="select2 search_input">.
默认情况下，select 列表将与其最长的 <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 中很明显，因为 Select2 插件不是 运行 由于一些 JS 错误。
祝你好运！