<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>
이 code의 경우 전체 div의 배경색이
이 code의 경우 전체 div의 배경색이
그러니까 아래 code id="whole"의 배경색인 red가 보이는게 표준에 맞는건가요 아닌가요?
-
- 해커
- Posts: 691
- Joined: 2004 08 11 22:14 59
- Contact:
늦었지만 답변 감사 드립니다.
답변 감사합니다. 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>
이제 모든 브라우저에서 다 잘 나오네요...
질문 드려놓고 한동안 바빠서 헤매다가 질문 올린 기억이 나서 아차 싶어 부리나케 왔습니다. 제가 원래 이렇게 무례한 사람이 아닌데...^^
왜 질문 드렸냐 하면 전체를 감싸고 있는 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>
이제 모든 브라우저에서 다 잘 나오네요...
Who is online
Users browsing this forum: No registered users and 0 guests