初歩的な質問で恐縮ですが、店舗のサイドバナーをスクロールしても固定で表示される
バナーに変更したいと思っています。

どのようなタグを組めば良いでしょうか。

absolute　を　fixed　に変えてみたところ画面が崩れてしまいました。
ご教授頂けると幸いです。　



使用タグ　
<!-- // サイドバナー設定 // -->
table {position:static;}

#tate_left a,
#tate_right a {
display: block;
margin-bottom: 16px;/* min-height: 100%;
width: 78px; 　　　　　　
visibility: visible;
height: 16000px;
text-indent:-9999px;*/

}

#tate_left,
#tate_right {
position: absolute;
width: 78px; 　　　　　 /* 画像の横幅 */
min-height:100%;
visibility: visible;
display: block;
margin-top: 300px;
}
#tate_left { left: 0px; }
#tate_right { right: 0px; }


/***********************
左縦帯バナー設定
************************/
.tateobi1 {
/* background: url(http://image.rakuten.co.jp/SHOP-URL/cabinet/03317856/imgrc0067677198.jpg) repeat-y scroll;
min-height: 100%;
[disabled]height: 5200px; */
top: 70px;
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 //