Mozilla 한국 커뮤니티

그러니까 아래 code id="whole"의 배경색인 red가 보이는게 표준에 맞는건가요 아닌가요?

<div id="whole" style="width:301px;background-color:red;">
<div id="left" style="width:100px;background-color:blue;float:left;height:200px;">
</div>
<div id="right" style="width:200px;border-left:1px solid gold;background-color:beige;float:left;height:300px;">
</div>
</div>

포함하고 있는 블록이 모두 float되었으므로 빨간색이 안나오는게 맞습니다.

답변 감사합니다. hyeonseok 님

질문 드려놓고 한동안 바빠서 헤매다가 질문 올린 기억이 나서 아차 싶어 부리나케 왔습니다. 제가 원래 이렇게 무례한 사람이 아닌데...^^

왜 질문 드렸냐 하면 전체를 감싸고 있는 div id="whole" 에

style="background:url(그림) repeat-y 100px 로 수직으로 어떤 이미지를 넣으려고 그랬는데, FF에서는 whole의 height가 늘어나지 않길래요...

전적으로 hyeonseok 님 답변에 동의 하구요. 아래와 같이 해결 했습니다.

<div id="whole" style="width:300px;position:relative;background:url(그림) repeat-y 100px">
<div id="left" style="width:100px;position:absolute;left:0;top:0;height:200px;">
</div>
<div id="right" style="width:200px;margin-left:100px;height:500px;"></div>
</div>

이제 모든 브라우저에서 다 잘 나오네요...