先程の続きです・・・
背景の両端に同じ画像を縦に並べたいんですが・・・うまくいきません。
希望としては、端には余白は残さず両端にぴったりと並べたいのですが・・・ /* ************************************************
* ------------------------------------------------
* 共通設定
* ------------------------------------------------
* ************************************************ */
body {
background-image:url(http://www.eonet.ne.jp/~tamas-home/st2-09.gif);
background-repeat:repeat-y;
background-position:right top;
margin:0;padding:0;
}
#backleft {
background-image:url(http://www.eonet.ne.jp/~tamas-home/st2-09.gif);
background-repeat:repeat-y;
background-position:left top;
text-align:center;
margin:0;padding:0;
height:100%;
}
#contents {
margin: 0px auto;
width: 800px;
background-color:#ffffff;
text-align:left;
height:100%;
font-size:<{$font_size}>;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等
幅";
margin:0px;
padding:0px;
background:<{$page_bgcolor}> url(<{$page_bgimg}>);
color:<{$font_color}>;
border-top: 5px solid #334ccc;
border-bottom: 5px solid #334ccc;
margin: 0px;
padding: 0px;
}
form {
margin: 0px;
padding: 0px;
}
div { margin: 0px;
padding: 0px;
}
img {border: 0px;
}
a:link {
color: <{$link_normal}>;
text-decoration: underline;
}
a:visited {
color: <{$link_normal}>;
text-decoration: underline;
}
a:active {
color: <{$link_normal}>;
text-decoration: underline;
}
a:hover {
color: <{$link_hover}>;
background: #EEE;
text-decoration: none;
}
#contents {
margin: 0px auto;
width: 800px;
}
/*ページ中央の枠線の色*/
#center {
border: 1px solid <{$center_td_bgcolor}>;
background: #FFF;
margin: 0px 5px 0px 5px;
}
/* ************************************************
* ヘッダーメニュー
* ************************************************ */
#header {
margin: 30px auto 10px auto;
width: 800px;
}
と、さらにまだ続くのですが・・・
<body>
<div id="backleft">
<div id="contents">
内容
</div>
</div>
</body>
はどの辺りに入力すればよいのでしょうか？？
幅と最後に付けてみたのですが、そうすると右端にしか画像が出ませんでした・・・
お手数お掛け致しますが、ご指導お願い致します。
