IE9だけレイアウトが崩れる

ブラウザ

IE9だけレイアウトが崩れる

 状態:不明  閲覧数:3,091  投稿日:2012-09-18  更新日:2012-12-09
IE9だけレイアウトが崩れる現象に遭遇

原因は、デバッグのために、先頭に文字列を出力したためだった。
文字<!DOCTYPE html>
< html lang="ja"

普通だったら有り得ないけど、MVC系のデバッグをしているときは、よくこうなる(例えばCでデバッグ出力とかしたとき)。

CH、FFは、この状態でもレイアウト崩れないけど、IE9は思いっきり崩れる。
初めて気がついたので、メモしとくよ


YouTube動画のフルスリーンキャプチャ画像を取得

ブラウザ一覧(公式サイトリンク)



週間人気ページランキング / 10-3 → 10-9
順位 ページタイトル抜粋 アクセス数
1 「東京都」のカラーコード取得は難しい | カラーコード(色) 14
2 RGB ⇔ Lab | 色変換(色) 13
3 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 11
4 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 5
5 鉄道会社毎のカラーコード | カラーコード(色) 4
5 色モデルイメージ図 | 色変換(色) 4
5 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 4
5 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 4
5 16進数カラーコード / 2進数 4
6 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 3
6 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 3
6 カラーコード / 色コード | カラーコード(色) 3
6 RGBの種類 / ビットカラー | RGB(色) 3
6 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 3
7 max-width: 100%の効果を打ち消すには、max-width: none; | CSS 2
7 olタグ装飾しようとしたら、「レスポンシブ」と「広告」影響により挫折 | CSS 2
7 aタグのクリック範囲を、囲っているタグ範囲まで拡大する | CSS 2
7 上下中央揃え。要素の「幅」や「高さ」指定不要 / div { height: 100%; display: flex; justify-content: center; align-items: center; } | CSS 2
7 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 2
7 似顔絵ジェネレーター : 似顔絵メーカー / NIGAOE MAKER 2
2025/10/10 1:01 更新