• 文字サイズ
解決済

楽天 商品ページのセンタリング方法について

  • 相談者:非公開
  • 2017/06/27 09:48
限りなく真ん中よりになっているので、わかりづらいのですが、PCの商品ページの全体が若干左寄りになり、
気になっている状況です。
ヘッダー、レフト、フッターにそれぞれ
<div align="center">は入れているのですが、ズレています。
販売説明文や商品説明文に大きい画像を使うとズレるということは承知しているのですが、そういった画像を使っていない商品ページもずれているので、お手数ですが、対応方法を教えてください。
投稿内容について報告する



  • 返信者:非公開
  • 2017/06/27 14:16
ECマスターズの田中です。

大きい画像を使われた時と同様、
ページ内の要素によって
幅が拡げられていることが原因です。

一番横幅の長い要素は
………(省略)………
  • 返信者:非公開(質問者)
  • 2017/06/27 17:00
ご返信ありがとうございます。
CSSの追加とimgの740pxに変更しましたが、直りません。

.sale_desc および .sale_desc img………(省略)………
  • 返信者:非公開(質問者)
  • 2017/06/27 17:01
追記:sale_desc および .sale_desc img に横幅740pxにするとヘッダーの右側の面に揃わなくなります。………(省略)………
  • 返信者:非公開
  • 2017/06/27 20:04
ECマスターズの田中です。

販売説明文の画像とヘッダーの右端を合わせることが目的でしたら、
.sale_desc および .sale_desc img ………(省略)………
  • 返信者:非公開(質問者)
  • 2017/06/28 09:50
失礼しました。再度訂正し、更新などして確認しましたが変更されません。………(省略)………
  • 返信者:非公開
  • 2017/06/28 13:33
ECマスターズの田中です。

私にて、アダルトさんの商品ページを
Chrome, Firefox, InternetExplorerにて確認したところ、 ………(省略)………
  • 返信者:非公開(質問者)
  • 2017/06/28 16:11
ご返信ありがとうございます。
楽天領域で表示されている、スーパーポイントアッププログラムのバナーが中央表示されている物と考え、
弊社ページがそのバナーに対し………(省略)………
  • 返信者:非公開
  • 2017/06/28 22:22
ECマスターズの田中です。


>楽天領域で表示されている、スーパーポイントアッププログラムのバナーが中央表示されている物と考え、
>弊社ページがそのバ………(省略)………
  • 返信者:非公開(質問者)
  • 2017/06/29 09:35
1000px→980pxへ変更した箇所は

ランキング部分のstyle.css内にある、
#ranking ul{
width:980px;

を………(省略)………
  • 返信者:非公開
  • 2017/06/29 15:28
ECマスターズの田中です。

>ランキング部分のstyle.css内にある、
>#ranking ul{
>width:980px;
>}
>を変更………(省略)………
  • 返信者:非公開(質問者)
  • 2017/06/29 15:53
center_contents.htmlのページ全体幅が1000pxになっているのですが、980pxにするにはどのようにすればいいですか?………(省略)………
  • 返信者:非公開
  • 2017/06/29 19:43
ECマスターズの田中です。

私にて、実際にcenter_contents.htmlが
トップページに埋まっている様子を確認したのですが、

傍線を引………(省略)………
  • 返信者:非公開(質問者)
  • 2017/06/29 23:18
商品ページ及びカテゴリページ内にiframeで表示されるwidthです。
クロームで要素の検証するとcenter_contents.htmlが1000pxあり………(省略)………
  • 返信者:非公開
  • 2017/06/30 17:07
ECマスターズの田中です。

>商品ページ及びカテゴリページ内にiframeで表示されるwidthです。

こちら、確認いたしました。
ヘッダー・フッ………(省略)………