WebサイトをHTML5で作成したら、IE8で、グローバルナビゲーション表示がおかしくなった

ブラウザ ＞ IE8

問題発生

　状態:- 　閲覧数:2,896 　投稿日:2014-06-06 　更新日:2014-06-06
WebサイトをHTML5で作成したら、IE8で、グローバルナビゲーション表示がおかしくなった
・HTML5より追加されたnav要素が、IE8以下のブラウザではインライン表示されることが原因
・CSSへ下記記述を追記することで、対応可能
nav {

	display: block;

}


IEエミュレータ



類似度ページランキング
順位 ページタイトル抜粋 ％
1 WebサイトをHTML5で作成したら、IE8で、グローバルナビゲーション表示がおかしくなった 89
2 HTML5でiframeスクロールバーを表示しない方法が不明 45
3 HTML5でページ内リンクが効かなかったら 42
4 ホーム・トップ・サイト名・ロゴ ／ グローバルナビゲーション 37
5 グローバルナビゲーションにプルダウン 34
6 FireFox5.0のバー表示が崩れ、元に戻せなくなったら… 34
7 GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない 34
8 レスポンシブスマホサイトで、意図せず横スクロールが発生する場合は、URLを折り返し表示するよう設定 34
9 トリミングする際、範囲を決定する入力ボックスが表示されなかったら 33
10 良い感じのWebデザインを発見したら、その場で確認後、このエントリーへ追記していく 32
11 Firefox プライベードブラウジングを止めたら、アドオンバーが非表示 32
12 グローバルナビゲーションにキーワード検索フォーム 31
13 Braveインストールしてみたけれども、全ての広告を必ず非表示に出来るわけではないみたい 31
14 HTML5では、inputタグの閉じタグを付与しない 31
15 いい感じのロゴを見つけたら、そのサイトへのリンクを張っていくページ 30
16 HTML5では「ブロックレベル要素」「インライン要素」で分類しない 30
17 Firefox 8.0 にしたら、Firebugタイトル部分の半角スペースに‌·が入るようになったので、メモ 30
18 Chrome プロファイルが壊れている、と毎回表示されるが、英語なのでどうしたら良いか分からない 30
19 Chromeバージョンアップでフォント指定が効かなくなる 30
20 「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく 30
2026/8/23 0:43 更新
週間人気ページランキング ／ 8-15 → 8-21
順位 ページタイトル抜粋 アクセス数
1 Design 0 5
2 Adobe Camera Raw 4.0 | Photoshop 3
2 PNG画像透明化問題 | 画像 3
2 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 3
2 Chromeで(TikTokなど)特定Webサイトの音を消すには、該当タブを右クリック後、「サイトをミュート」をクリックします。 | Google Chrome(ブラウザ) 3
2 「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく | CSSトラブル対応(CSS) 3
2 RGB → HSL ／ RGB → HSV | 色変換(色) 3
3 8ビットカラー ／ インデックスカラー ／ パレットカラー 2
3 「Google Chrome」で「This browser does not support WebGL」と表示される場合は、ハードウェアアクセラレーションに不具合がある可能性があるため、設定画面よりハードウェアアクセラレーションを一旦無効にしてみる | Google Chrome(ブラウザ) 2
3 GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない | GIMP 系(ソフトウェア) 2
3 鉄道会社毎のカラーコード | カラーコード(色) 2
3 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 2
3 絶対パス | HTML 2
3 Chromeブラウザは、ユーザーという単位で情報管理している(Cookieを使用する場面もあるが、必ずしもCookieだけに頼っているわけではない) | Google Chrome(ブラウザ) 2
3 コンソールエラー ／ ブラウザ間差異 | ブラウザ 2
3 「Twitter Bootstrap」導入したらおかしくなった時、試した方がよいかもしれないこと | 2系(Bootstrap) 2
3 HSLとHSVの違い | 色変換(色) 2
3 RGB ⇔ XYZ ／ CIE RGB ／ sRGB(D65) ／ sRGB(C) ／ Adobe RGB ／ NTSC RGB 2
3 「transform:translate3d();」でスマホ実機画面が一瞬だけチラつく → 「backface-visibility:hidden;」指定すると解消される | CSSトラブル対応(CSS) 2
3 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 2
2026/8/22 5:05 更新