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

　状態:不明　閲覧数:3,393 　投稿日: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/8/18 1:25 更新

順位

ページタイトル抜粋

％

100

2026/8/18 1:25 更新

順位	ページタイトル抜粋	アクセス数
1	キャラクター無料作成ジェネレーター／ FLASH ／オンラインサービス \| イラスト参考(デザイン)	4
1	Design 0	4
2	PNG画像透明化問題 \| 画像	3
3	三大「高クオリティ」「モックアップベクター素材」配布サイト	2
3	Chromeブックマーク(ブラウザ) カテゴリー	2
3	鉄道会社毎のカラーコード \| カラーコード(色)	2
3	二次色(Secondary Color)とは？／アプリ内での色の使用	2
3	Chromeでリンク先ページを常に別タブで開くためには、「Ctrlキーを押しながらクリック」 \| Google Chrome(ブラウザ)	2
3	GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない \| GIMP 系(ソフトウェア)	2
4	画像カテゴリー	1
4	Bootstrap v2.3.1 \| 2系(Bootstrap)	1
4	単位 \| CSS	1
4	viewport設定	1
4	ソフトウェアカテゴリー	1
4	イラスト素材(デザイン) カテゴリー	1
4	Chrome で右クリックから保存しようとするとフリーズする → フォルダーオプションで「別のプロセスでフォルダーウィンドウを開く」 \| Google Chrome(ブラウザ)	1
4	GIMPで大画像の上に複数枚の小画像を横一列に並べる \| GIMP 系(ソフトウェア)	1
4	ゲストコメント一覧ページ	1
4	ICCプロファイル \| カラーマネージメント(色)	1
4	「SRWare Iron」を検討 \| SRWare Iron(ブラウザ)	1
	2026/8/17 5:05 更新

順位

ページタイトル抜粋

アクセス数