css - 网站在 IE9/Comino 和 iPad/iPhone 浏览器中无法正确呈现 - 侧边栏掉到底部，在内容下方

Question

我有一个网站运行在最新(截至目前)的 WordPress 上，并经过大量修改的“记者”主题。

网站在这里:http://www.roofingcalculator.org/

这就是问题所在 - 在 IE 9、Comino 和 iPad/iPhone 浏览器中，侧边栏会掉到所有页面的内容和评论下方

它在 IE 8 中正常工作(尽管它显示各种安全/页面错误废话)Chrome、Firefox、PC 和 Mac 上的 Safari、大多数 Android 浏览器等。

我的 CSS 结构使内容向左流动，边栏向左流动。

我尝试调整内容的宽度，认为 IE9 认为它(连同边栏)比整个页面设计(993 像素宽)更宽。

我不太担心 iPhone/iPad 上的问题，因为它们很小，但 IE9 占我总流量的 25%，这需要修复。

请帮忙。谢谢大家。

PS - 我阅读了多篇关于此的文章，但没有找到解决方案 - 我认为这是因为我自定义了主题......但我在多个站点上使用相同的主题，如果它是一个大问题无法正确呈现。

Answer 1

尝试修复表格代码中的错误以及缺失或不合适的地方<div>标签。代码错误是 WP 主题布局问题的一个重要原因，尤其是。下拉的侧边栏。

[Invalid] Markup Validation of roofingcalculator.org - W3C Markup Validator .在验证报告中向下滚动以查看行号和源代码。