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

Question

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

网址：http://www.roofingcalculator.org/

这就是问题所在 - 在 IE 9、Comino 和 iPad / iPhone 浏览器中，侧边栏在所有页面上都低于内容和 cmets

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

我的 CSS 是结构化的，因此内容向左流动，侧边栏向左流动。

我尝试调整内容的宽度，认为 IE9 认为它比整个页面设计（993 px 宽）更宽（连同侧边栏）。

我在 iPhone / iPad 上并不那么担心，因为这些问题很小，但 IE9 占我总流量的 25%，这需要修复。

请帮忙。谢谢大家。

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

Answer 1

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

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