[英]How to make CSS for HTML5 <header> work properly in IE?
我正在使用一個網站,除了#nav-wrapper的一個問題外,一切看起來都不錯。 在IE中,它一直到右邊。 也就是說,它是向右浮動但是漂浮在#anf-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喜歡做什么以及它如何選擇忽略樣式!
我感謝任何幫助。
UPDATE
不知道為什么它顯示標題未正確關閉..
這就是它實際上的樣子。 我看到</hgroup/>
對你來說就像那樣,但對我來說根本不是。
即使使用firefox開發人員工具,它也能正確顯示
並非所有HTML5標記都支持Internet Explorer,尤其是舊版本。
請參閱此參考文章 。
有很多方法可以嘗試讓IE工作:
還使用IE的開發人員工具檢查網站。 看來header
HTML沒有正確打開和關閉。 看:
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.