Opened 12 years ago
Closed 12 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 )
■現象
Safari3でランキングページを表示した際に、1位のメンバーもしくはコミュニティの画像の右端が見切れてしまっている。 「アクセス数~」・「マイフレンド数No1メンバー」の各メンバーのプロフィール画像も同様に見切れている。
■原因
CSSのpaddingの効果がSafariとその他のブラウザで異なっていた為。 (画像とテーブル枠の横幅の差が小さい箇所で不具合が発生した)
■修正内容
テーブルの横幅をpaddingではなくwidthで調整した。
■関連情報
Safari3でランキングページを表示した際に、1位のメンバーもしくはコミュニティの画像の右端が見切れてしまっています。
※1位の画像の縦横比が、正方形か横長の場合に確認しやすい。
Change History (11)
comment:1 Changed 12 years ago by
Milestone: | OpenPNE2.12.7 → OpenPNE2.12.8 |
---|
comment:2 Changed 12 years ago by
Owner: | changed from nobody to shingo |
---|---|
Status: | new → assigned |
comment:3 Changed 12 years ago by
comment:5 Changed 12 years ago by
Description: | modified (diff) |
---|---|
Keywords: | 確認中 added |
comment:7 Changed 12 years ago by
修正内容を確認しました。
この問題は #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 12 years ago by
Description: | modified (diff) |
---|
comment:9 Changed 12 years ago by
comment:10 Changed 12 years ago by
Keywords: | テスト待ち added; 確認中 removed |
---|
comment:11 Changed 12 years ago by
Keywords: | テスト待ち removed |
---|---|
Resolution: | → fixed |
Status: | assigned → closed |
以下のブラウザで確認しました。問題ありません。
確認ブラウザ
- Windows XP SP3
- Safari3.2
- IE6
- IE7
- Firefox3
- Opera9.63
Note: See
TracTickets for help on using
tickets.
作業します。