0

我正在与一个网站合作，除了#nav-wrapper 的一个问题外，一切看起来都很好。在 IE 中，它一直向右。也就是说，它是向右浮动的，但在 #nav-wrapper 的右侧浮动，这是一个设置宽度，然后放置在一个设置宽度的标题中。所以我不确定为什么它一直向右。这是一个 wordpress 网站，所以我简化了菜单和横幅等。这就是网站。 

<div id="header-wrapper">
<header>
       <div id="nav-wrapper">
       <span class="nav-swirl-top">The Stuffed Pepper, Summerland BC</span>
        <nav id="access" role="navigation">
            MENU LIST
        </nav><!-- #access -->


           <div id="nav-updates">
        <p>Updates</p>
        </div>


            <span class="nav-swirl-bottom">The Stuffed Pepper</span>            
    </div><!-- #nav-wrapper -->


    <div id="banner">
       <img src="http://www.mysite.com/img/banner1.png" alt="Banner 1">'
    </div>

</header>
</div>

<div id="main">
<div id="container">


#header-wrapper { width: 100%; height: 532px; background: url(img/header-bg.jpg) repeat-x;}
header { clear: both; height: 620px; width: 900px;}
#banner { position: absolute; top: 230px; width:700px; left: 50%; margin-left: -470px; z-index: 1; }
#nav-wrapper { position: relative; clear: both; width: 252px; height: 365px; padding: 10px; float: right; margin-top: 230px;background-color: #650908; border: 1px solid #470604;}
#container { clear: both; background: url(img/container-bg.jpg) repeat; border-bottom: 3px solid #9d1316; color: #ccc1a1; }

这是它的样子。 在此处输入图像描述

因此，如果我现在为#header-wrapper 设置了宽度和高度，为什么我的测试也会显示在它下面？只是不确定 IE 喜欢做什么以及它如何选择忽略样式！

我很感激任何帮助。

更新

不知道为什么它显示标题没有正确关闭..

在此处输入图像描述

这就是它的实际样子。我看到</hgroup/>对你来说看起来像那样，但对我来说根本不是。

即使使用 Firefox 开发者工具，它也能正确显示 在此处输入图像描述

4

1 回答 1

2

并非所有 HTML5 标记都有效/受 Internet Explorer 支持，尤其是旧版本。

请参阅此参考文章。

有很多方法可以尝试让 IE 工作：

还可以使用 IE 的开发人员工具检查该站点。似乎headerHTML 没有正确打开和关闭。看：

在此处输入图像描述

于 2012-06-15T02:30:34.220 回答