• 文字サイズ


解決済

カテゴリーページの歪み

  • 相談者:非公開
  • 2023/11/08 15:43
いつもお世話になっております。
パソコンでの見え方なのですが、カテゴリページ以下が最近すべて右寄りになっております。
楽天に質問しましたが、「htmlの崩れが原因だと思うがサポート対象外。」との事でした。

同じような質問をされている店舗様がいらっしゃったので、その解答を見てこちらでもヘッダーフッターレフトナビを確認しましたが、前任者が作った物為間違いがわかりません。

どうかご教示お願いいたします。よろしくお願いいたします。

ヘッダーコンテンツ
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/index/html/index_2.html" height="1820" width="1700" frameborder="0" scrolling="no">お使いのブラウザはインラインフレームに未対応のようです。
お手数ですがこの部分は iframe 対応のブラウザで見てください。<br></iframe>

レフトナビゲーション
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/index/html/left.html" height="5700" width="350" frameborder="0" scrolling="no">お使いのブラウザはインラインフレームに未対応のようです。
お手数ですがこの部分は iframe 対応のブラウザで見てください。<br></iframe>

フッターコンテンツ
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/index/html/footer.html" height="500" width="1700" frameborder="0" scrolling="no">お使いのブラウザはインラインフレームに未対応のようです。
お手数ですがこの部分は iframe 対応のブラウザで見てください。<br></iframe>

<style type="text/css">
<!--
.modal-wrap{
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
position: absolute;
}
.modal-wrap .modal-overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
text-indent: -9999px;
position: fixed;
background: #000;
opacity: 0.5;
z-index: 2147483650;
}
.modal-wrap .modal-countent {
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index: 2147483651;
margin:auto;
padding:12px;
display: block;
background: #fff;
text-align:center;
}
.modal-wrap .close-icon{
position:absolute;
top:8px;
right:8px;
text-decoration:none;
font-size:16px;
font-weight:bold;
color:#777;
}
.modal-wrap .close-btn{
position:absolute;
bottom:8px;
left:0;
right:0;
text-decoration:none;
font-size:12px;
display:block;
padding:2px 0;
margin:0 auto;
width:100px;
background:#777;
color:#FFF;
border-radius:4px;
text-align:center;
}
.modal-wrap:target {
display:block;
}
-->
</style>



<style type="text/css">
<!--
body #offerNotification.floatingcart-coupon {
right: 168px !important;
bottom: 5px !important;
animation: rumble 3s linear infinite;
}
@keyframes rumble {
0% {bottom:10px; right: 172px;}
1% {bottom:0px; right: 164px;}
2% {bottom:9px; right: 171px;}
3% {bottom:0px; right: 165px;}
4% {bottom:8px; right: 170px;}
5% {bottom:1px; right: 166px;}
6% {bottom:7px; right: 169px;}
7% {bottom:2px; right: 167px;}
8% {bottom:6px; right: 168px;}
9% {bottom:3px;}
10% {bottom:5px;}
11% {bottom:4px;}
12% {bottom:5px;}
13% {bottom:10px; right: 164px;}
14% {bottom:0px; right: 172px;}
15% {bottom:9px; right: 165px;}
16% {bottom:0px; right: 171px;}
17% {bottom:8px; right: 166px;}
18% {bottom:1px; right: 170px;}
19% {bottom:7px; right: 168px;}
20% {bottom:2px; right: 169px;}
21% {bottom:6px; right: 168px;}
100% {bottom:5px;}
}
-->
</style>


<style type="text/css">
<!--
body {
background-image: url("https//www.rakuten.ne.jp/gold/SHOP-URL/index/img/background-image.png"),url("https://www.rakuten.ne.jp/gold/ravi2018/index/img/background-image.png");
background-repeat: repeat-y;
background-position: left, right;
background:80px;
}
-->
</style>


<style type="text/css">

#rakutenLimitedId_aroundCart table[bgcolor="#CCCCCC"] td.inventory_choice_name {
background:#f8f4e6;
padding:10px 5px;
}

#rakutenLimitedId_aroundCart table[bgcolor="#CCCCCC"] td.inventory{
background:#FFF;
padding:10px 5px!important;
}

#rakutenLimitedId_aroundCart table[bgcolor="#CCCCCC"] td.inventory font{
font-size:14px;
}

</style>
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2023/11/08 16:13
ECマスターズの伊藤です。

> パソコンでの見え方なのですが、カテゴリページ以下が最近すべて右寄りになっております。

ヘッダーコンテンツ
<ifr………(省略)………
  • 返信者:非公開(質問者)
  • 2023/11/08 16:25
伊藤様

いつもお世話になっております。

迅速なご対応感謝いたします!
ご教示のとおりwidthの幅を変えたら戻りました。

本当にありがとうご………(省略)………
このフォーラムへの質問は終了しました