縦帯バナーについて

Question

お世話になっております。
下記を楽天RMSのヘッダー・フッター・レフトナビのテンプレート設定からレフトナビに貼り付けたところ、ページの途中でバナーが切れてしまいました。
ページによって縦の長さも違ってきてしまうので、全てのページに対してぴったりと切れないように表示させるには、どのように修正すればよろしいでしょうか？
お手数ですがご回答よろしくお願いいたします。





#tate_left { left: 0px; }
#tate_right { right: 0px; }

#tate_left a,
#tate_right a {
	display: block;
	min-height: 100%;
	width: 100px; 　　　　　　/* 画像の横幅 */
	visibility: visible;
	height: 12000px;
	text-indent:-9999px;
}

#tate_left,
#tate_right {
	position: absolute;
	width: 100px;  　　　　　 /* 画像の横幅 */
	min-height:100%;
	visibility: visible;
	display: block;
}


/***********************
   左縦帯バナー設定
************************/
.tateobi1 {
	background: url(https://image.rakuten.co.jp/aibeaute/cabinet/05518794/05741568/supersale1202obi80.jpg) repeat-y scroll;
	min-height: 100%;
	height: 15000px;
	top: 75px;
	z-index: auto;
	visibility: visible;
}

/***********************
   右縦帯バナー設定
************************/
.tateobi2 {
	background: url(https://image.rakuten.co.jp/aibeaute/cabinet/05518794/05741568/supersale1202obi80.jpg) repeat-y scroll;
	min-height: 100%;
	height: 15000px;
	top: 75px;
	z-index: auto;
	visibility: visible;
}

 @media screen and (max-width: 1220px) {
 #tate_left,  #tate_right {
	visibility: hidden;
	}
}

Answer

ECマスターズの田辺です。

＞ページによって縦の長さも違ってきてしまうので、全てのページに対してぴったりと切れないように表示させるには、どのように修正すればよろしいでしょうか？

スクロールの問題もございますので
現在の表示状態でページの縦幅に合わせるのは
ほぼ不可能となります。

ですが、固定バナーで表示する場合でしたら
ページ幅に合わせて表示させることも可能です。

こちらの方法は、
画面がスクロールしてもバナーが動かなくなり見づらいと感じる人もおりますが、
縦幅を合わせることを優先させる場合は有効ですので以下の手順でお試しくださいませ。


まず固定表示用の画像を用意していただきます。

一般的PCのモニターの縦幅に合わせて、
1200px前後でバナーを用意します。

次に、用意したバナーをバナー設置君で左右に表示させます。
https://manual.ec-masters.net/?ecm-tools-manual-banarsetti

（バナー設置君で左右に表示させる方法）
バナーの距離を上端から0px、右端から0pxで設定し、
リンク先URLと画像URL情報を入れます。
　↓
上級オプションのIDをright_bnなどの右側を示す名前を英数で入力します。
　↓
結果をすべてコピーし、
上級オプションの「同時表示用」に貼り付けます。
　↓
今度はIDをleft_bnなどの左側を示す名前に変え、
水平方向位置を「左端から」に変えます。
　↓
結果に表示されている
#right_bn img と
#left_bn img に記述されている
height: auto;を
height:  100vh;に書き換える
　↓
結果をコピーしてお使いいただけます。