ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Opened 11 years ago

Closed 11 years ago

Last modified 11 years ago

#2538 closed defect (fixed)

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

Reported by: kiwa Owned by: nakasone
Priority: minor Milestone: OpenPNE2.12.3
Component: pne-xhtmlcss Version: 2.12.x & 2.14.x
Keywords: OpenPNE2.13.2 Cc:

Description (last modified by nakasone)

■現象

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

■原因

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

■修正内容

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

■関連情報

Attachments (1)

20080527_pc_page_h_diary_add.png (9.1 KB) - added by kiwa 11 years ago.
[[Image(...)]] 再現画像です

Download all attachments as: .zip

Change History (16)

Changed 11 years ago by kiwa

[[Image(20080527_pc_page_h_diary_add.png)]][[br]]再現画像です
再現画像です

comment:1 Changed 11 years ago by ogawa

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

comment:2 Changed 11 years ago by ebihara

Milestone: OpenPNE2.12RC2OpenPNE2.12.1

comment:3 Changed 11 years ago by ogawa

Keywords: OpenPNE2.13.2 added

comment:4 Changed 11 years ago by ebihara

Milestone: OpenPNE2.12.1OpenPNE2.12.2

comment:5 Changed 11 years ago by kiwa

Keywords: OpenPNE2.13.2 removed
Milestone: OpenPNE2.12.2

見送ります

comment:6 Changed 11 years ago by takai

Owner: changed from nobody to takai
Status: newassigned

comment:7 Changed 11 years ago by takai

Keywords: 確認中 added

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

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

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

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

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

comment:8 Changed 11 years ago by nakasone

Owner: changed from takai to nakasone
Status: assignednew

やります。

comment:9 Changed 11 years ago by nakasone

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

comment:10 Changed 11 years ago by kiwa

Keywords: OpenPNE2.13.2 added
Milestone: OpenPNE2.12.3

comment:11 Changed 11 years ago by kiwa

Keywords: 差し戻し added; 確認中 removed

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

comment:12 Changed 11 years ago by nakasone

Description: modified (diff)
Keywords: 確認中 added; 差し戻し removed

comment:13 Changed 11 years ago by ogawa

Keywords: テスト待ち added; 確認中 removed

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

テスト待ちにします。

comment:14 Changed 11 years ago by kiwa

Keywords: テスト待ち removed
Resolution: fixed
Status: newclosed

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

確認ブラウザ

WindowsXP SP2

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

comment:15 in reply to:  7 Changed 11 years ago by takai

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

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

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

  • #2981 で対応します
Note: See TracTickets for help on using tickets.