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

　状態:不明　閲覧数:3,364 　投稿日: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/6/22 20:18 更新

順位

ページタイトル抜粋

％

100

2026/6/22 20:18 更新

順位	ページタイトル抜粋	アクセス数
1	キャラクター無料作成ジェネレーター／ FLASH ／オンラインサービス \| イラスト参考(デザイン)	6
2	Design 0	4
2	「属性」「プロパティ」「アトリビュート」の違い \| CSS	4
2	キャラクター無料着せ替えジェネレーター Dress up game ／オンラインサービス \| イラスト参考(デザイン)	4
3	Adobe Camera Raw 4.0 \| Photoshop	3
3	Fireworks で背景画像透明化 \| Fireworks CS3(Fireworks)	3
4	RGBの種類／ビットカラー \| RGB(色)	2
4	UI カテゴリー	2
4	MediBang Paint \| ソフトウェア	2
4	_notesフォルダ削除 \| Dreamweaver8(Dreamweaver)	2
4	Illustrator カテゴリー	2
4	使用していないCSSをチェックする、標準的な方法を知りたい \| CSS	2
4	RGB各成分が最大値となるのは？	2
5	RGB → HSL 変換式／最大値基準	1
5	アニメーションカテゴリー	1
5	RGB → HSL 計算例最小値基準／ RGB 33, 150, 243 → HSL 206.6°, 89.7％, 54.1％	1
5	「Google」VS「Apple」／ Googleは、CSSの「id」「class」名も評価しているの？	1
5	やりたいこと／候補一覧／使われていないCSS設定があるか教えてくれる『Unused CSS』	1
5	Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない \| モバイルデザイン(デザイン)	1
5	trタグに背景色 \| CSS	1
	2026/6/22 5:05 更新

順位

ページタイトル抜粋

アクセス数