画像をcssでレイアウトしたいです

質問

以下のボックスにあるイメージをボックスの左上を基準に2x2の形に並べたいです。その際にcssのpositionを使用してrelativeを指定して定義したのですがうまくいきません。正しい指定の方法を教えてください。

<div id="bottom_right">
<img src="images/image1.gif" width="176" height="57" />
<img src="images/image2.gif" width="176" height="57" />
<img src="images/image3.gif" width="176" height="57" />
<img src="images/image4.gif" width="176" height="57" />
</div>

回答No.2

noname#106515 · ベストアンサー

div#bottom_right{
position : relative;
}

img#(1つ目の画像) {
position : absolute;
left : 0px;
top : 0px;
}

img#(2つ目の画像) {
position : absolute;
left : 176px;
top : 0px;
}

img#(3つ目の画像) {
position : absolute;
left : 0px;
top : 57px;
}

img#(4つ目の画像) {
position : absolute;
left : 176px;
top : 57px;
}

CSS見てないので、当たりかどうかわからないけど、
自分と同じミスをしているなら、これでできるのではないかと。
全くチェックしていないので、ダメだったら悪しからず。

お礼

大当たりでした!!ありがとうございます。意図したとうりに表示できました。

回答No.1

nattocurry

どのような指定をして、どのような結果になってしまったのでしょうか？