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

Opened 11 years ago

Closed 10 years ago

#3436 closed defect (fixed)

Safari3でランキングページを表示した際に、1位の画像の右端が見切れて表示される

Reported by: shingo Owned by: shingo
Priority: minor Milestone: OpenPNE2.12.8
Component: 指定しない Version: 2.12.x & 2.14.x
Keywords: OpenPNE2.13.6 Cc:

Description (last modified by shingo)

■現象

Safari3でランキングページを表示した際に、1位のメンバーもしくはコミュニティの画像の右端が見切れてしまっている。 「アクセス数~」・「マイフレンド数No1メンバー」の各メンバーのプロフィール画像も同様に見切れている。

■原因

CSSのpaddingの効果がSafariとその他のブラウザで異なっていた為。 (画像とテーブル枠の横幅の差が小さい箇所で不具合が発生した)

■修正内容

テーブルの横幅をpaddingではなくwidthで調整した。

■関連情報

Safari3でランキングページを表示した際に、1位のメンバーもしくはコミュニティの画像の右端が見切れてしまっています。

※1位の画像の縦横比が、正方形か横長の場合に確認しやすい。

Change History (11)

comment:1 Changed 11 years ago by ogawa

Milestone: OpenPNE2.12.7OpenPNE2.12.8

comment:2 Changed 10 years ago by shingo

Owner: changed from nobody to shingo
Status: newassigned

comment:3 Changed 10 years ago by shingo

作業します。

comment:4 Changed 10 years ago by shingo

  • r10610 で修正しました。

comment:5 Changed 10 years ago by shingo

Description: modified (diff)
Keywords: 確認中 added

comment:6 Changed 10 years ago by shingo

r10611でtrunkを修正しました。

comment:7 Changed 10 years ago by takai

修正内容を確認しました。

この問題は #2539 と全く同じものです。

修正内容は問題ありませんが、

padding: 5px 0 5px 0;

という記述が冗長であると思われるのであれば、

padding: 5px 0;

と直した方がよいかもしれません。

参考 : padding や margin など、上下左右といった4値を取るプロパティの指定

  • 値が1つ(padding: a) : 上下左右にa値を適用
  • 値が2つ(padding: a, b) : 上下にa値、左右にb値
  • 値が3つ(padding: a, b, c) : 上にa値、左右にb値、下にc値
  • 値が4つ(padding: a, b, c, d) : 上、右、下、左(時計回り)の順にそれぞれa, b, c, d値

comment:8 Changed 10 years ago by shingo

Description: modified (diff)

comment:9 Changed 10 years ago by shingo

comment:7 について以下のリビジョンで修正しました。 ご確認ください。

comment:10 Changed 10 years ago by ShogoKawahara

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

comment:11 Changed 10 years ago by kiwa

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

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

確認ブラウザ

  • Windows XP SP3
    • Safari3.2
    • IE6
    • IE7
    • Firefox3
    • Opera9.63
Note: See TracTickets for help on using tickets.