楽天縦バナー　左右が空いている？

Question

いつもお世話になっております。

マラソンの縦バナー左右をPCに表示させたのですが、

バナーとページ本体？の間に左右ともやけに大きく隙間が開いているように見えるのですが、設定はあっていますでしょうか？　

https://club.ec-masters.net/index.php?event_201808marathon

■例として、R-Cabinetに保存した画像を引用する場合は以下のようなURLになります。


html{
background-image:url("【R-Cabinetからコピーした画像URL】");
background-repeat:repeat-y;
background-position:left;
}
body{
background-image:url("【R-Cabinetからコピーした画像URL】");
background-repeat:repeat-y;
background-position:right;
background-color:transparent;
}



ヘッダーにそのまま上記の方法で張り付けただけなのですが、お手数ですが、
ご確認いただけますでしょうか？

よろしくお願い申し上げます。

Answer

ECマスターズの塚本です。

> ヘッダーにそのまま上記の方法で張り付けただけなのですが、お手数ですが、
> ご確認いただけますでしょうか？

いただいたご質問ですが、
本日担当が休みをとっておりまして
明日の回答となる予定です。

お急ぎのところご迷惑おかけしますが、
回答まで今しばらくお待ちいただければと思います。

Answer

ECマスターズの田中です。

> バナーとページ本体？の間に左右ともやけに大きく隙間が開いているように見えるのですが、設定はあっていますでしょうか？　 

ウィンドウの左右端に合わせる設定ですので、
設定は合っております。

中央揃えされているページの内容（つまり、ウィンドウの中心）
に合わせてバナーを配置する場合は、
スタイルシートの変更が必要です。

具体的には、
background-position:left;
を
background-position: calc( (100% - ページ内容の横幅px - バナーの横幅px) / 2 ) 0;
に、
background-position:right;
は
background-position: calc( (100% + ページ内容の横幅px) / 2 ) 0;
にご変更いただく形になります。
（ページ内容の横幅、バナーの横幅は、実際の値を半角数字でご記載ください）

Answer

塚本様　田中様

回答ありがとうございます。

承知しました、別の問題ですね、
ありがとうございます。

楽天縦バナー 左右が空いている？

楽天縦バナー　左右が空いている？