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

　状態:不明　閲覧数:3,352 　投稿日: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/5/23 19:16 更新

順位

ページタイトル抜粋

％

100

2026/5/23 19:16 更新

順位	ページタイトル抜粋	アクセス数
1	RGBの種類／ビットカラー \| RGB(色)	5
2	Chromeでmhtml保存を選択できなくなったので、拡張機能「Save Page State」を導入 \| Chrome 拡張機能	4
2	「属性」「プロパティ」「アトリビュート」の違い \| CSS	4
2	キャラクター無料作成ジェネレーター／ FLASH ／オンラインサービス \| イラスト参考(デザイン)	4
2	favicon.ico の問題 \| HTML	4
2	「Firebug Lite for Google Chrome™」アンインストール	4
3	画像縦横比の問題 \| 画像	3
3	HSV → RGB 計算方式の違い \| 色変換(色)	3
3	アイコン \| 3系(Bootstrap)	3
3	早見表 \| Illustrator CS3(Illustrator)	3
3	｢レイヤー」＋「レイヤー効果」をコピーして新規psdにペースト \| Photoshop	3
3	ドロワーメニューが表示されない理由 \| モバイルデザイン(デザイン)	3
3	GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない \| GIMP 系(ソフトウェア)	3
4	jpg画像サイズを下げる \| 画像	2
4	IrfanViewとは？／インストール／日本語表示対応	2
4	デザインカテゴリー	2
4	Design 0	2
4	font-size \| フォント	2
4	鉄道会社毎のカラーコード \| カラーコード(色)	2
4	色変換(色) カテゴリー	2
	2026/5/23 5:05 更新

順位

ページタイトル抜粋

アクセス数