HTML5でページを作成するときにIEで表示が崩れてしまうことがあります。
IE8以下だとHTML5に対応していないので、正常に表示させる場合は下記のコードを記述する必要があります。
対応させるには「Google Code」で公開されている「html5shiv」スクリプトを使用します。
■ html5shiv
headタグ内に下記のコードを記述します。
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
※JavaScriptをオンにしている必要があります。
※上記のif文はIE9未満の場合という意味です。
※新要素のブロックにCSSを設定している場合はCSSの設定よりも先に指定しないとスタイルが反映されません。
上記の方法でも導入可能ですが、導入方法が変わったそうです。
html5shivダウンロードしたものをサーバにアップし読み込むようにします。
※Google Codeのリポジトリのhtml5shivがバージョンアップしているので、不具合が生じる場合あります。
html5shivのダウンロードページからzipファイルダウンロードし、指定の場所にhtml5shiv.jsをサーバにアップします。
ダウンロードフォルダ\dist\html5shiv.js
jsフォルダにアップした場合、下記のように設定します。
<!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <![endif]-->
■ CSS
HTML5の新要素で、ブロックボックスとしてレンダリングさせる要素に「display: block」を指定します。
article, aside, figure, footer, header, hgroup, nav, section {
display: block;
}
