div 레이아웃 구성중에.. 정보
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--;; 머리 뽀개지네욤.. 파이어폭스랑 익스플로러랑-- margin이나 padding값이 겹치면-- 뒤직박죽 되버린다는.. 아 해결책이 ㅠㅠ
어떤것인지는 모르겠지만 이렇게 하면 되지 않을까요???
<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="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>
아드리안님 말씀처럼 부유시키려는 박스가 있으면 박스에 margin을 넣는게 좋겠네요..^^
그냥 div세개만 하면... 잘되는데.. 메인에 중첩된게 많아서 그런지 ㅠㅠ bottom에 한 20px 잡아줘야 제대로 되네요 ㅠㅠ
익스와 파이어폭스의 차이 인데요...
세번째 박스에
<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으로 주어야 합니다.
파이어폭스와 익스플로러 정말 하나로 통합할 방법이 정말 없나요 ㅠㅠ
세번째 박스에
<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으로 주어야 합니다.
파이어폭스와 익스플로러 정말 하나로 통합할 방법이 정말 없나요 ㅠㅠ
감사합니당 ㅠㅠ 너굴님방식으로 해봤는데 파폭이랑 오페라에서는 잘 되네요..ㅠㅠ
에휴.. 익스플로러는 또 핵집어넣어야 하나--;;킁..
에휴.. 익스플로러는 또 핵집어넣어야 하나--;;킁..
