Html IE 9中的破损布局

我有一个带有各种布局面板的gwt应用程序。我的布局适用于除IE9之外的所有浏览器。布局完全被破坏了。文本随处可见，图片出现在页面底部或仅显示3/4，等等。我用最新版本的gwt 2.3重新编译了我的应用程序，但它没有改变任何东西。有什么建议吗？提前谢谢。这里是一幅背景破损的图像：

---

非常奇怪的是，在IE9中，某些东西被破坏了，而在其他浏览器中却没有

试试这个：

-纠正IE9和其他目标浏览器的问题 -然后看看在其他浏览器中，你是否继续看到一切正常（可能你会遇到IE6和IE7的问题，那么我要做的就是用黑客软件修复它们）

因此，我建议开始使用最高版本的浏览器，然后修复旧版本。以相反的方式进行…=）

---

如果这对您没有帮助，您可以给我们附加一些代码吗？

解决您的问题的方法可能是在HTML中添加“X-UA-Compatible”元标记，告诉IE以不同的模式呈现。例如，要告诉IE9始终以IE8模式渲染，请执行以下操作：

<meta http-equiv="X-UA-Compatible" content="IE=8" />

---

关于这个元标记有很多问题

请尝试在validator.w3.org上验证您的页面，有时候ie在“IE9模式”下加载页面时，比其他浏览器更难容忍错误的htmlIs IE9？另外，当你说“除IE9以外的所有浏览器”时，它是否包括其他IE版本？您的页面是否处于“标准模式”？页面未在标准模式下加载。是的，在ie8和IE7中，该应用程序运行完美。-这意味着：将GWT 2.0+布局面板（例如DockLayoutPanel）与“标准模式”一起使用，或将旧面板（例如DockPanel）与“怪癖模式”一起使用有时你可以不遵守这条规则，但特别是IE，它通常不能正常工作。可能问题是我的屏幕截图中的面板是水平面板，它们在标准模式下不能很好地工作。我尝试了谷歌提供的替代方案，使用FlowPanel并向其子项添加

float:auto

，但这并不能真正解决问题。