いつもお世話になっております。
パソコンでの見え方なのですが、カテゴリページ以下が最近すべて右寄りになっております。
楽天に質問しましたが、「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>