IE正在处理的网站存在问题。内容区域和侧边栏重叠

-1

如果你去这个页面：IE正在处理的网站存在问题。内容区域和侧边栏重叠

http://aimeeandliamswedding.co.uk/home.php

在一个浏览器，如铬，火狐

它好，它工作正常，

但是，请访问IE的网站（魔鬼）和主要内容区域与边栏重叠。我该如何解决？

来源

2012-02-18 RSM

您是否尝试过使用严格模式而不是怪癖？ – 2012-02-18 18:07:24

怪癖？我可以尝试严格..看看是否有帮助 – RSM 2012-02-18 18:08:57

是的，谢谢。我现在会接受 – RSM 2012-02-20 08:45:33

没有DOCTYPE。您的页面正在以怪癖模式加载。将此添加到html元素上方的页面顶部。

<!DOCTYPE html>

来源

2012-02-18 18:19:21 Jawad

我可以在你的CSS中看到一些非传统的方法。首先为什么使用绝对位置？

您应该添加显示：块;和float：left;到你的nav_menu和内容容器。无论浏览器如何，它们都会对齐而不会重叠。

如果您想使其更具有防故障功能，请添加display：table;添加到你的包装，添加另一个包装与显示：表行;围绕菜单和内容，然后只显示菜单和内容：table-cell。

然后，您将拥有一个div标签结构，该结构充当左右两个单元格的表格，并且不会移动像素。尽管记住，你应该作为一种安全的做法，尽可能地提供宽度和高度，并且记住float元素（如果你决定使用display：block和float元素，这是CSS中的一种惯例）有时需要的CLEARFIX类（你可以谷歌它），但在你的情况下，我不认为这是必要的，如果你提供的宽度和高度。

来源

2012-02-18 18:20:01 TosheX

IE正在处理的网站存在问题。内容区域和侧边栏重叠

回答

相关问题