2012-03-21 9 views
1

私はapple.comにアクセスし、navのようなhtml5タグを使用しています。それはすべてのbroswerで動作しているが、私はie8とie7で動作していないhtml5コードをテストしようとする。私は問題がどのようにすべてのブラウザで働いているリンゴのサイトを取得していない。html 5タグは、下にie9をサポートしていませんか?

<!DOCTYPE html > 
<html> 
<head xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>html 5</title> 
<style> 
#header { margin:0 auto; width:980px; overflow:hidden; border:solid 1px #F00} 
</style> 
<!--[if lt IE 9]> 
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 
</head> 

<body> 
<header id="header">adfadf</header> 
</body> 
</html> 
+0

あなたはそれをサポートするどのようなブラウザ、HTML5が何であるかについての詳細を読んで、どのように古いブラウザに調整する必要があります。 http://www.quirksmode.org/ http://caniuse.com/ – Joseph

答えて

2

古いバージョンのヘッダのような新しいHTML5要素を処理していない、NAV、記事、:エリックマイヤーのあなたのため、このCSSを追加するなどの

header { 
    display: block; 
} 

リセットスタイルシートフッター、「未知」の要素としてのアドレス。

あなたは、単に、簡単なJavaScriptのアプローチを使用して、古いIEの家族に新しい要素を導入することができます:

document.createElement("article"); 
document.createElement("footer"); 
document.createElement("header"); 
document.createElement("hgroup"); 
document.createElement("nav"); 

記事HTML5 Shivと、例えばをチェックmodernizr framewoerk

HTH、

--hennson

0

HTML5を取得するには、このスクリプトを使用しようと仕事:あなたのコードが実行されませんので、IE8とIE7は、HTML5準拠していないhttp://www.modernizr.com/download/

0

。私はAppleのサイトがあなたが使っているブラウザをテストするための注意点があると思っています。特にあなたが使用しようとしているコントロール?

+0

私はie7とie8を使用しています – Carlos

0

これは、「ie8とie7で作業していない」という意味で異なります。私はあなたがそこにHTML5shivを持っているのを見る - それはIEが少なくともあなたの<header>要素を認識させるはずです。赤い枠線が少なくとも現れていますか?

IEは(古いバージョンのFirefoxと同じように)これらの要素にデフォルトスタイルを適用しないので、追加する必要があります。 IEの

+0

赤いボーダーは7に表示されていません。html5 shivは削除されました – Carlos

+0

@amit:IE 7で何か変更されますか? html5shivを元に戻す? –

関連する問題