背景について

解決済

質問者：masu4649
質問日時：2007/02/09 23:26
回答数：1件

ブログの左右に空きがあるので左右別々のイラストつきの背景を入れたいのですが…

４カラムにすればよいのでしょうが、今は１０００PXのGIFを使って左右にイラストを使っています。
PCによっては左右の空きの幅が違う様なので、同じにしたいのですが
どうすればよいのでしょうか？

スタイルシート
body {background: url("http://***.ne.jp/***/image/user/1170964897.gif") repeat-y;
background-position:0px 0px;

padding: 1;}
多分もっと広い範囲を記述すれば良いのでしょうが
１６００字以内とエラーになりましたので・・・

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： scaddi231
回答日時：2007/02/10 10:13

body全体をdivで囲って、

cssの部分に
.bg{
margin: 0px;
position: absolute;
z-index:2
id="background";
}

.ovalay{
margin: 0px;
position: absolute;
z-index:1
id="entrydiv";
}

.leftside{
background: url("http://***.ne.jp/***/image/user/1170964897.gif"); repeat-y;
background-position:0% 0%;
padding: 1;}
.rightside{
background: url("http://***.ne.jp/***/image/user/1170964897.gif") repeat-y;
background-position:0% 100%;
padding: 1;}
と入れ、
<body>
<div class="bg" width=1000>
<table border="0" width=100%>
<tr>
<td class="leftside">～</td>
<td class="rightside">～</td>
</tr>
</table>
</div>
</body>
としてみてはどうでしょうか。
entry内容は、<div class="ovalay">～</div>で書けばOKです。