- 文字サイズ変更
- 小
- 中
- 大
解決済
楽天 商品ページのセンタリング方法について
- 相談者：非公開
- 2017/06/27 09:48
限りなく真ん中よりになっているので、わかりづらいのですが、PCの商品ページの全体が若干左寄りになり、
気になっている状況です。
ヘッダー、レフト、フッターにそれぞれ
<div align="center">は入れているのですが、ズレています。
販売説明文や商品説明文に大きい画像を使うとズレるということは承知しているのですが、そういった画像を使っていない商品ページもずれているので、お手数ですが、対応方法を教えてください。
気になっている状況です。
ヘッダー、レフト、フッターにそれぞれ
<div align="center">は入れているのですが、ズレています。
販売説明文や商品説明文に大きい画像を使うとズレるということは承知しているのですが、そういった画像を使っていない商品ページもずれているので、お手数ですが、対応方法を教えてください。
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2017/06/27 14:16
ECマスターズの田中です。
大きい画像を使われた時と同様、
ページ内の要素によって
幅が拡げられていることが原因です。
一番横幅の長い要素は
………（省略）………
大きい画像を使われた時と同様、
ページ内の要素によって
幅が拡げられていることが原因です。
一番横幅の長い要素は
………（省略）………
- 返信者：非公開（質問者）
- 2017/06/27 17:00
ご返信ありがとうございます。
CSSの追加とimgの740pxに変更しましたが、直りません。
.sale_desc および .sale_desc img………（省略）………
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 ………（省略）………
販売説明文の画像とヘッダーの右端を合わせることが目的でしたら、
.sale_desc および .sale_desc img ………（省略）………
- 返信者：非公開（質問者）
- 2017/06/28 09:50
失礼しました。再度訂正し、更新などして確認しましたが変更されません。………（省略）………
- 返信者：非公開
- 2017/06/28 13:33
ECマスターズの田中です。
私にて、アダルトさんの商品ページを
Chrome, Firefox, InternetExplorerにて確認したところ、 ………（省略）………
私にて、アダルトさんの商品ページを
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;
｝
を………（省略）………
ランキング部分のstyle.css内にある、
#ranking ul{
width:980px;
｝
を………（省略）………
- 返信者：非公開
- 2017/06/29 15:28
ECマスターズの田中です。
＞ランキング部分のstyle.css内にある、
＞#ranking ul{
＞width:980px;
＞｝
＞を変更………（省略）………
＞ランキング部分の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が
トップページに埋まっている様子を確認したのですが、
傍線を引………（省略）………
私にて、実際にcenter_contents.htmlが
トップページに埋まっている様子を確認したのですが、
傍線を引………（省略）………
- 返信者：非公開（質問者）
- 2017/06/29 23:18
商品ページ及びカテゴリページ内にiframeで表示されるwidthです。
クロームで要素の検証するとcenter_contents.htmlが1000pxあり………（省略）………
クロームで要素の検証するとcenter_contents.htmlが1000pxあり………（省略）………
- 返信者：非公開
- 2017/06/30 17:07
ECマスターズの田中です。
＞商品ページ及びカテゴリページ内にiframeで表示されるwidthです。
こちら、確認いたしました。
ヘッダー・フッ………（省略）………
＞商品ページ及びカテゴリページ内にiframeで表示されるwidthです。
こちら、確認いたしました。
ヘッダー・フッ………（省略）………
このフォーラムへの質問は終了しました
質問を検索する