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

[shingo]

■現象

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

■原因

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

■修正内容

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

■関連情報

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

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

[shingo]

作業します。

[shingo]

• r10610 で修正しました。

[shingo]

r10611でtrunkを修正しました。

[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値

[shingo]

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

• 2.12 - r10771
• trunk - r10770

[kiwa]

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

確認ブラウザ

• Windows XP SP3
  • Safari3.2
  • IE6
  • IE7
  • Firefox3
  • Opera9.63