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

Question

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

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

问题出在以下问题 - 在IE 9，Comino和iPad / iPhone浏览器中，侧边栏下方的内容和所有页面上的评论

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

我的CSS结构合理，内容流向左侧，侧边栏流向左侧。

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

我在iPhone / iPad上并不那么担心，因为它们很小，但IE9占我总流量的25％，需要修复。

请帮忙。谢谢大家。

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

Answer 1

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

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