楽天ショップのリンク付きの縦バナーを設置する方法

楽天ショップのリンク付きの縦バナーを設置する方法 Web制作Tips

まずbody直下に

<div id="length_banner">
<a href="リンク先URL" target="_blank"></a>
</div><!-- /.length_banner -->

を挿入します。

そして縦バナーをCSSで表示させる設定です。

#length_banner a{
background:url("") repeat-y scroll 0 0 transparent;
display: block;
width: 縦バナーの横幅;
position: absolute;
left:0;
top:0;
min-height: 100%;
}

ポイントはmin-heightでこれで親要素であるbodyと同じ高さになるので
他のサイトで紹介されているような高さを指定してページによってはバナーが切れてしまうことはないです。

お役に立てれば幸いです。

コメント

タイトルとURLをコピーしました