div 레이아웃 구성중에..
<div style="width:258px; margin:5px 0px 0px 0px; float:left; border:1px solid;">a</div>
<div style="width:258px; margin:5px 0px 0px 5px; float:left; border:1px solid;">b</div>
<div style="clear:both; width:100px; height:100px; margin:5px 5px 5px 5px; border:1px solid;">c</div>
이렇게 해서 테스트 해봤는데요.. 익스플로러에서는 세번째div에서 마진이 잘 적용이 되는데 파이어 폭스에서는 top마진만 적용이 안되네요... 무엇이 문제일까요??ㅠㅠ
float도 right나 아예 없애거나 다 해봤는데.. ㅠㅠ 문제점을 못찾겠네요
<div style="width:258px; margin:5px 0px 0px 5px; float:left; border:1px solid;">b</div>
<div style="clear:both; width:100px; height:100px; margin:5px 5px 5px 5px; border:1px solid;">c</div>
이렇게 해서 테스트 해봤는데요.. 익스플로러에서는 세번째div에서 마진이 잘 적용이 되는데 파이어 폭스에서는 top마진만 적용이 안되네요... 무엇이 문제일까요??ㅠㅠ
float도 right나 아예 없애거나 다 해봤는데.. ㅠㅠ 문제점을 못찾겠네요
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 6개
<div style="width:258px; margin:5px 0px 5px 0px; float:left; border:1px solid;">a</div>
<div style="width:258px; margin:5px 0px 0px 5px; float:left; border:1px solid;">b</div>
<div style="clear:both; width:100px; height:100px; margin:0 5px 5px 5px; border:1px solid;">c</div>
세번째 박스에
<div style="clear:both; float:left; width:100px; height:100px; margin:15px; border:1px solid;">c</div>
float:left를 추가해주면 동일하게 나옵니다.
파이어폭스에서는 float라는 것은 부유되었다고 통하기때문에 margin을 안먹는것 같습니다. 저기서 float을 안쓰고 동일하게 만드려면 a,b박스의 높이만큼 margin으로 주어야 합니다.
파이어폭스와 익스플로러 정말 하나로 통합할 방법이 정말 없나요 ㅠㅠ
에휴.. 익스플로러는 또 핵집어넣어야 하나--;;킁..