背景画像がつられてのびていくのはどうして？

質問

お世話になります。
画像ファイルがno-repeatと指定しているのに
bの画像が下だけどんどん長くなっていくのが不思議なんですけど
これはどういうことなんでしょうか？

教えてください。お願いします。

'HTML

<div id="1">
<div id="2">
<div id="3">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
</div>
</div>

'css
#1{
width: 900px;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
border-style: none;
text-align: left;
}
#2 {
width: 900px;
padding: 0 0 0 0;
border-style: none;
background: #000 url("a.jpg") repeat-y;
text-align: left;
}
#3 {
width: 900px;
padding: 0 0 0 0;
border-style: none;
background: url("b.jpg") no-repeat;
text-align: left;
}

回答No.1

webcom · ベストアンサー

■背景のリピート以前の問題として、id名は数字から始めたりする事は出来ません。

<div id="1">
<div id="2">
<div id="3">
#1
#2
#3

↓　下記のように変更すれば正常に表示ます

<div id="a1">
<div id="a2">
<div id="a3">
#a1
#a2
#a3

このように１文字目はアルファベットを使用すれば問題なく表示されました。

参考URL：

http://lan.rgr.jp/iec/html/memo/id-class

回答No.2

leap_day

こんにちは

<div>
<div>
<div>
</div>
</div>
</div>

としてるからですかね？

背景画像の塗り重ねになってる状態になってると思います
伸びてるのはb.gifではなくてa.gifなのでは？