以下页面在Firefox，Safari，Chrome，IE6和IE8中看起来不错...... 但在IE7中看起来很糟糕。我没有IE7，但我需要解决这个问题，因为有人在IE7中看到它并且它看起来很糟糕。有没有人知道为什么这个页面在IE7中呈现不同？...以及使它正确显示的解决方案是什么？
http://www.aetna.com/2009annualreport/mainBoard.html
问题：
当您点击“董事会”或“管理团队”链接并打开列表表格面板时，面板的最右边三分之一将被切断。此外，细胞中似乎缺少一些信息。
谢谢， 阿提拉
答案 0 :(得分：3)
是..使用css-reset
但也......使用验证器。
我使用了验证器，发现了这个：
Polo Ralph Lauren Corporation</p></li>
请注意错位的li？
同时将其添加到#boardPanel
{ width: 990px; }
答案 1 :(得分：2)
所有浏览器都以不同方式呈现网页。没有一种解决方案可以使所有浏览器的所有内容看起来完全相同。最好的选择是在测试时启动浏览器，例如firefox或safari，然后在调整时调整你的css for internet explorer。一种常见的技术是使用CSS重置来尝试抽象浏览器之间的差异。
如果您的计算机上没有IE7，则可以使用http://spoon.net/browsers在其中进行测试，以查看您的网页的外观，或查看this question以获取更多建议。
答案 2 :(得分：2)
结帐Adobe Browser Lab。非常酷，非常高效，最好的部分是它是免费的（不再感谢单挑）。它不仅有各种浏览器选项，还有操作系统选项。
HTH
答案 3 :(得分：2)
当我从overflow: hidden;类中删除.boardSlider时，此问题就会消失。
看起来像另一个hasLayout错误。
答案 4 :(得分：0)
只是一个想法 - 为什么不使用DIVS和浮动 - 你永远不应该真的使用表格进行布局（特别是在2010年）。特别是动态变化的布局。表是跨浏览器的地狱，特别是在使用JavaScript扩展/收缩时，从纯粹主义者的角度来看，你没有显示表格数据，为什么要使用表？