ＰＣページバナー設置方法について　

Question

いつもありがとうございます。

サイドバナー設置のタグについてお伺いいたします。

現在、レフトバナーをタテ600PX ライトバナー　タテ１２５ｐｘ×２　で設置出来るように
しています。（以前はフローティングバナーの設置方法をお教え頂きありがとうございます）

レフト/ライトバナー共にをタテ1,000ＰＸ程度エンドロールにバナーで表示させる方法をお教え頂けませんでしょうか。
ファイル画像のようなイメージ

現在のタグ
---------------------------------------------------------

table {
position:static;
}
#tate_left a, #tate_right a {
	display: block;
	margin-bottom: 16px;
}
#tate_left, #tate_right {
	position: fixed;
	margin: 0;
	padding: 0;
}
#tate_left {
	left: 0px;
	width: 100px;
	height: 100vh;
	display: block;
}
#tate_right {
	right: 13px;
	width: 78px;
	display: block;
}
/***********************
左縦帯バナー設定
************************/
.tateobi1 {
	top: 60px;
	z-index: auto;
	visibility: visible;
}
/***********************
右縦帯バナー設定
************************/
.tateobi2 {
	top: 70px;
	z-index: auto;
	visibility: visible;
}
.tateobi2 .banner01 { }
.tateobi2 .banner02 { }
 @media screen and (max-width: 1200px) {
#tate_left, #tate_right { visibility: hidden; }
}
　  // サイドバナー設定　end // 



  　

  


 

何卒宜しくお願い申し上げます。

Answer

ECマスターズの田中です。

エンドロールにバナーで表示させる、というのは、
縦方向に同じバナーを繰り返し表示させる、という意味でしょうか。

いただいたタグで実現させる場合は、
レフト/ライトバナー用のタグを、その直後にコピーしていく方法が
一番わかりやすいです。
一般的なPC用ディスプレイを考えると、全体の高さが3000px程度になる程貼り付けていただくと
ほとんどの環境で、縦に繰り返し表示されているように見えます。

なお、サイドバナーが、ページ全体のスクロールに合わせて
スクロールするようにしようとする場合は、
タグを使わず、タグに固定の高さ・横幅を指定し、
タグの背景としてバナー用の画像ファイルを指定し、
縦方向に繰り返させるのが一般的な方法ですが、
この方法の場合、タグの高さは固定値しか指定できないため、

http://www.rakuten.co.jp/rinsendou/

いただいた画像ファイルのショップのトップページを下にスクロールしていただくと分かる通り、
内容の足りないページですと、サイドバナーだけが延々と表示される空間ができてしまいます。

Answer

ご回答ありがとうございます。

縦方向に同じバナーを繰り返し表示させる、という意味でしょうか。　→その意味合いです。
確かに下に空白が出来てしまうので現状避けた方がよいかもしませんね。

一度、お教え頂いた方法で実験してみます。