화면 축소시 레이아웃이 깨져요. 도와주세요 ㅠㅠ
해나
2023.04.01
#contents_test{width:100%; padding-top:10px}
#contents_test .outer{width:1260px; margin:0 auto; overflow:hidden;zoom:1}
#contents_test .sub_box1{width:803px; height:600px; border:1px solid #4e4e4e; float:left; margin-right:20px; padding:15px 15px}
#contents_test .sub_box2{width:373px; height:600px; border:1px solid #4e4e4e; float:left; padding:15px 15px}
div id=contents_test
div class=outer
div class=sub_box1/div
div class=sub_box2/div
/div
/div
이런 구조구요. 문제가 파이어폭스랑 ie8에서 화면축소시 outer 영역안에서 sub_box2가 밑으로 떨어져요.
원래는 옆으로 나란히 와야하는데 말이죠.. 크롬이랑 ie9에선 괜찮거든요.. ie7은 실제 브라우저에서 확인을 못했구요...
이렇게도 해보고 저렇게도 해봐도 안되네요.. 고수님들 제발 좀 도와주세요ㅠㅠ
-
샹1큼해
왜인지는 잘 모르겠지만 패딩값을 둘다 없애고 하니 밑으로 떨어지는 현상은 없어지네요 ...