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

Opened 11 years ago

Closed 11 years ago

#2295 closed defect (fixed)

WinXP,IE6でお気に入りPNE日記とBlogの一覧が型崩れする

Reported by: imamura623 Owned by: takai
Priority: major Milestone: OpenPNE2.12RC1
Component: pne-xhtmlcss Version: 2.12.x & 2.14.x
Keywords: Cc:

Description (last modified by ebihara)

http://sns.openpne.jp/?m=pc&a=page_fh_diary&target_c_diary_id=16431 より転記

お気に入りPNE日記とBlogの一覧を表示させたのですが、型崩れしています。 

記事コメントに再現画像あり

再現手順

  1. ニックネームに絵文字を使っているメンバーをお気に入りに登録
  2. IE6 でお気に入り最新日記を表示

Change History (19)

comment:1 Changed 11 years ago by kiwa

Priority: minormajor

comment:2 Changed 11 years ago by kiwa

Owner: changed from nobody to kiwa
Status: newassigned

やります

comment:3 Changed 11 years ago by kiwa

Owner: changed from kiwa to ebihara
Status: assignednew

普通に表示するだけでは確認とれないので、開発チーム(というかXHTMLCSS化チーム)に確認してもらいたいです。

comment:4 Changed 11 years ago by ebihara

Owner: changed from ebihara to kiwa

環境に依るものなので、詳しい情報を聞き出してみてはどうでしょうか。

あと、「普通に」表示するとは? 再現確認してみた環境の情報も示してください。

comment:5 Changed 11 years ago by ogawa

Version: 2.11.x2.12.x & 2.13.x

comment:6 Changed 11 years ago by ebihara

Description: modified (diff)
Keywords: 再現待ち removed

以下の手順を踏むことで再現しました。

  1. ニックネームに絵文字を使っているメンバーをお気に入りに登録
  2. IE6 でお気に入り最新日記を表示

comment:7 Changed 11 years ago by ebihara

Description: modified (diff)

comment:8 Changed 11 years ago by ebihara

Milestone: OpenPNE2.12RC1

comment:9 Changed 11 years ago by ogawa

Owner: changed from kiwa to nobody

comment:10 Changed 11 years ago by ogawa

絵文字が入っている場合、dd の高さが画像に合わせて小さくなっているように見えます。

http://cssbug.at.infoseek.co.jp/detail/winie/b139.html

このバグと似たような感じですが、vertical-align 指定を変えてもうまくいきませんでした。

以下のように Star Html Hack付きで img 要素の高さを指定したら表示は直りましたが、ちょっと微妙な気がするので要検討。

* html .recentList dd img {
    height: 1em;
}

comment:11 Changed 11 years ago by ogawa

Keywords: 確認中 added
Owner: changed from nobody to ogawa
Status: newassigned

一応コミットしておきました。

comment:12 Changed 11 years ago by ogawa

修正しました。

comment:13 Changed 11 years ago by takai

原因は、comment:10で示されているバグと言えそうです。

  • 画像によってddの高さがdtより低くなってしまい、次のdtが引っかかったため崩れました。
  • <dt float:left> <dd margin-left> としていましたが、これはddがdtより高いことを前提としていました。

IE6のバグにより、同じ1行でも画像(絵文字)によってddの方が低くなってしまうことがあるので、

  • dtを明示的に clear:both (clear: left) することで、引っかからないようにしました。
  • CSS r7307 : "clear: both" の追加のみです

この対応で#1955パーツに関して、「崩れ問題が解消できていない」、「別の問題が生じた」となれば再度検証します。

comment:14 Changed 11 years ago by ogawa

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

clear で再修正します。

comment:15 Changed 11 years ago by ogawa

Keywords: 確認中 added; 差し戻し removed
Owner: changed from ogawa to takai
Status: assignednew

以下のリビジョンで修正しました。

comment:16 Changed 11 years ago by kiwa

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

以下の現象の確認をお願いします。

version

2.12beta3(r7348時点)

現象

パーツrecentListを使用しているページにて、メンバー名ではなくリンクされているタイトルに絵文字がある場合にWinXP/IE6でレイアウトが崩れてしまう。

※()内のメンバー名のみに絵文字がある場合のレイアウト崩れは改善されています

comment:17 Changed 11 years ago by kiwa

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

すいません確認側のミスでした

comment:18 Changed 11 years ago by ebihara

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

comment:19 Changed 11 years ago by kiwa

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

問題なさそうです

Note: See TracTickets for help on using tickets.