WinXP/IEで日記作成・日記編集画面のフォームとフッタの間に余白がない

[kiwa]

■現象

WinXP SP2 IE6/IE7でpc_page_h_diary_add,pc_page_h_diary_editを表示した場合、フッタとフォームの間に余白が無い

■原因

IEのレンダリングの不具合。

■修正内容

IEでもフッタとフォームの間に余白が付くようにする。

■関連情報

[kiwa]

再現画像です

[ogawa]

こちらでもIE6/IE7で再現できました。プレビューモードにすると直ったりするので、文字装飾周りが原因っぽい感じです。

[kiwa]

見送ります

[takai]

IEのレンダリングの不具合のようです。

直接的な解決策ではありませんが、スタイルを追加することで解消できます。

div#LayoutA,
div#LayoutB,
div#LayoutC {
	margin-bottom: 10px;
}

Layoutボックスに下マージンを指定することで、IEでも当該部分に余白が付きます。

マージンの相殺という仕様により、フッタ部の上が倍（20px）空いてしまうことはありません。単純に追加すればよいです。

• CSS r7900

[nakasone]

やります。

[nakasone]

以下のリビジョンで修正しました。ご確認ください。

• 2.12.x - r7914
• trunk - r7915

[kiwa]

descriptionを wiki:pne-guidelines のフォーマットにあわせてください

[ogawa]

インデントが半角スペースになっているのは以下のリビジョンで修正しました。

• 2.12.x - r7939
• trunk - r7940

テスト待ちにします。

[kiwa]

以下のブラウザで確認したところ問題ありませんでした。

確認ブラウザ

WindowsXP SP2

• Firefox1.5
• Firefox3
• Safari3
• Opera9
• !InternetExplorer6
• !InternetExplorer7

[takai]

マージンの相殺という仕様により、フッタ部の上が倍（20px）空いてしまうことはありません。単純に追加すればよいです。

これは誤りです。フロートされたボックス内ではマージンの相殺が行われないため、20px空いてしまいます。

また、IEでは別のバグによる不具合が生じています。

• #2981 で対応します