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

　状態:不明　閲覧数:3,405 　投稿日:2012-09-18 　更新日:2012-12-09

IE9だけレイアウトが崩れる現象に遭遇

原因は、デバッグのために、先頭に文字列を出力したためだった。

文字<!DOCTYPE html>

< html lang="ja"

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

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

順位	ページタイトル抜粋	％
1	IE9だけレイアウトが崩れる	100
2	Chromeがおかしくなった。width認識が狭くなりレイアウトが崩れる	36
3	レイアウトがどうしても崩れるときは、div marginへマイナス値が設定されていないか、確かめる	29
4	IEエミュレータ	27
5	Chrome「39.0.2171.95 m」でデザインが崩れる	27
6	レスポンシブWebサイトにおけるブレイクポイント	26
7	Firefoxだけがログインできない	25
8	「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく	24
9	アンカーポイントの追加	24
10	画像編集系ソフトウェアの分類。ラスタ、ベクタだけではなく	24
11	IE8	24
12	Illustrator で文字を見た目通りSVG出力するためには、「アウトライン作成」処理が必要	23
13	IE8とFireFox3.0.9　テーブルボーダー表示が異なる	22
14	レスポンシブウェブデザイン	22
15	アイコン	22
16	UI仕様調査「ログイン」「ログアウト」／ 2011/11/23	22
17	Flickrがサポートするライセンス 9 ＋特別なライセンス 2	21
18	昔のサイト	21
19	Chromeシークレットモードで、ウインドウ幅をリサイズしようとすると、下限制限を受ける	21
20	IE改行対策	20
	2026/9/13 8:23 更新

順位

ページタイトル抜粋

％

100

2026/9/13 8:23 更新

順位	ページタイトル抜粋	アクセス数
1	「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 \| カラーコード(色)	3
2	Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない \| Google Chrome(ブラウザ)	2
2	キャラクター無料作成ジェネレーター／ FLASH ／オンラインサービス \| イラスト参考(デザイン)	2
2	「東京都」のカラーコード取得は難しい \| カラーコード(色)	2
2	SeaMonkey 2.7.2	2
2	CSSトラブル対応(CSS) カテゴリー	2
2	Inkscape \| ソフトウェア	2
2	アカウント作成	2
2	パッケージ化されてない拡張機能 \| Chrome 拡張機能	2
3	RGB ⇔ Lab \| 色変換(色)	1
3	RGB → 色相H 方式の違い \| 色変換(色)	1
3	Chromeがおかしくなった。width認識が狭くなりレイアウトが崩れる \| Google Chrome(ブラウザ)	1
3	RGB \| 色	1
3	SVG(画像) カテゴリー	1
3	このエントリーの結論／主な機能と使い方／補足	1
3	sussan-po.com	1
3	History Disabler \| Chrome 拡張機能	1
3	Chromeでmhtml保存を選択できなくなったので、拡張機能「Save Page State」を導入 \| Chrome 拡張機能	1
3	30ビットカラー	1
3	HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い \| HTML5(HTML)	1
	2026/9/13 5:05 更新

順位

ページタイトル抜粋

アクセス数