• 文字サイズ
解決済

楽天ページでのスタイル崩れについて

  • 相談者:非公開
  • 2016/07/27 16:03
いつもお世話になっております。

楽天のRMS、カテゴリのPCページを編集中で、レフトナビと説明文の間に余計な空白ができてしまいます。

編集しているページは http://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/ です。

ヘッダー・レフトナビ・フッダーの部分で以下のスタイルシートを入れると空白ができてしまいます。
何がいけないのか、ご教示いただけましたらありがたいです。

<style>
<!--
img,table {
border: none;
}
a:hover img {
cursor:pointer;
filter: alpha(opacity=40); /* ie lt 8 */
-ms-filter: "alpha(opacity=40)"; /* ie 8 */
-moz-opacity:0.4; /* FF lt 1.5, Netscape */
-khtml-opacity: 0.4; /* Safari 1.x */
opacity:0.4;
zoom:1;
}
.clear { clear: both;}
.clear hr {display: none;}
hr.clear {
clear: both;
border: dotted 1px #ED9204;
}

a { text-decoration: none; color: #514030;}
a:hover { text-decoration: underline; color: #f0661a;}
a:hover img{
opacity:0.6;
filter: alpha(opacity=60);
}
a:active { text-decoration:none; color: #F60;}
table {
width: 800px;
}
h1 {
margin: 30px 0 20px 0;
padding:0.5em;
border-left: 10px solid #514030;
/*border-bottom: 1px dashed #29416D;*/
color: #BF0000;
font: bold 36px/120% "メイリオ";
}
h2 {
border-left: 15px solid #f39700;
padding: 7px;
background: #f2dec1;
color: #AD765B;
font: bold large "メイリオ";
}
h3{
border-left: 15px solid #f39700;
padding: 7px;
background: #f2dec1;
color: #AD765B;
}
h4 {
margin: 10px 60px 20px 60px;
padding: 5px;
}
.puitem {
font-size: 18px;
margin-bottom: 50px;
}
.puitem img {
display: block;
}
ul.service {
display: inline-table;
}
ul.service li {
list-style-type: none;
float: left;
font-size: 12px;
margin-left: 5px;
}
ul.service li img {
display: block;
}
.faq {
width: 800px;
border-collapse: separate;
}
.faq img {
width: 350px;
}
table.faq td {
vertical-align: top;
padding: 30px;
}
.faqimg {
border: 1px #d9d9d9 dashed;
border-bottom: hidden;
text-align: center;
}
.faqcaption {
border: 1px #d9d9d9 dashed;
border-top: hidden;
font-size: small;
}
.readme {
border-collapse: separate;
width: 800px;
font-size: small;
}
.readme td {
border: 1px #d9d9d9 dashed;
padding: 30px;
}
.readme img {
width: 350px;
}
.arglist {
width: 900px;
height: 2500px;
border: none;
margin: 0 auto;
padding: 0;
}
.potlist {
width: 900px;
height: 1000px;
border: none;
margin: 0 auto;
padding: 0;
}
.prelist {
width: 900px;
height: 2500px;
border: none;
margin: 0 auto;
padding: 0;
}

.pricelist {
width: 900px;
height: 7200px;
border: none;
margin: 0 auto;
padding: 0;
background-color: #000;
}
#fixedheader {
width: 100%;
height: 100px;
margin: 0 auto;
position: fixed;
top: 50px;
z-index: 100;
}
#fixedheader iframe {
border: none;
width: 100%;
height: 40px;
z-index: 100;
}
.hrimage {
background-image: url(http//www.rakuten.ne.jp/gold/SHOP-URL/16a/images/15agedline.gif);
height: 5px;
width: 100%;
border: none;
z-index: 1;
margin: 0;
padding: 0;
}
#page-top {
position: fixed;
right: 10px;
bottom: 90px;
height: 41px;
z-index: 5;
display: block;
width: 80px;
}
#favitembtn {
position: fixed;
bottom: 41px;
right: 1px;
height: 41px;
z-index: 10;
display: block;
/*width: auto;*/
}
table.rank {
border-collapse: collapse;
border: 1px solid #ff9933;
}
.rank td {
padding: 30px 10px;
border-width: 1px 0;
border-color: #ff9933;
border-style: solid;
}
.rankImg {
width: 180px;
padding-right: 20px;
}
.rankText {
padding: 20px 100px 20px 0;
line-height: 150%;
font-size: small;
}
.rankSname {
color: #BF0000;
font: bold 22px/150% "メイリオ";
}
.rankPrice {
color: #BF0000;
font: bold 18px/200% "メイリオ";
}
table.mosrank {
margin-top: 30px;
border-collapse: separate;
border: 1px solid #ff9933;
font-size: small;
}
.mosrank td {
padding: 10px 5px;
}
.mosrankImg {
width: 120px;
}
/*価格別画像値段*/
.kakakubetsu {
color: #c0c0c0;
text-align: left;
line-height: 1.5;
font-size: 12px;
font-family : "メイリオ",sans-serif;
color : #BC8158;
position: relative;
float: left;
margin: 0 30px 30px 0;
padding: 0px;
}
.kakakubetsu a{color: #BC8158;}

/*ピンク字送料無料*/
.dfree {
color: #FF0066;
background-color: #D9EDCB;
font-weight: bolder;
letter-spacing: 2px;
text-align: center;
float: left;
margin: 0;
padding: 2px;
position: relative;
}
/*生花花鉢*/
.hachi {
color: #fff;
background-color: #009900;
font-weight: bolder;
letter-spacing: 2px;
text-align: center;
float: left;
margin: 0px 10px 5px 5px;
padding: 2px;
position: relative;
}
/*プリザ*/
.pre {
color: #fff;
background-color: #FFBB00;
font-weight: bolder;
letter-spacing: 2px;
text-align: center;
float: left;
margin: 0px 10px 5px 5px;
padding: 2px;
position: relative;
}
/*生花*/
.arg {
color: #fff;
background-color: #ff3366;
font-weight: bolder;
text-align: center;
float: left;
margin: 0px 5px 5px 5px;
padding: 2px;
position: relative;
}
/*スイーツセット*/
.esw {
color: #fff;
background-color: #7F5435;
font-weight: bolder;
text-align: center;
float: left;
margin: 0px 5px 5px 5px;
padding: 2px;
position: relative;
}
.list {
width: 900px;
display: inline-table;
}
-->
</style>
キーワード:スタイルシートrms
投稿内容について報告する


  • 返信者:非公開
  • 2016/07/27 18:43
ECマスターズの田中です。

貼り付けていただいたスタイルシート内に含まれる

table {
width: 800px;
} ………(省略)………