スタイルシートで背景固定その2

背景の固定を応用してみましょう。　

楽天では、ページごとに背景を変える事はできません。

ここでご紹介する方法は、「スタイルシートで背景固定その1」で紹介したスタイルシートを使った、背景固定「もどき」及び下一列固定「もどき」です。

　
自由欄のソースは以下のようになっています

　

<table border="0" width="760" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="760" id="content-center">



<div id="free">
編集欄で入れたタグはここに入ります。

</div>

　

自由欄の横幅は「760」だと決まっていますので、これを踏まえてアレンジしていきましょう。

1.セル一つのテーブルを作る
→横は760ピクセル、縦はスクロールせずにすむように、380ピクセルくらいが
いいかもしれません。
枠無しにするので、border="0"を忘れずに。
　　　

こんな感じでテーブルを作ります。

2.<td>に、スタイルシートで背景を指定。
　

style="background: url(画像のURL) repeat-x center bottom; "
下カーテンの出来上がり

→下一列にすれば、「下カーテン」ができます。
場所を細かく指定すれば、画像を一つ固定できます。

3.テーブルの中にテーブルを入れます

■スタイルシートで背景固定その2