감싸고 있는 div까지 마진이 적용되어버리네요.
혜윤
익스플로러 6.0에서만 감싸고 있는 div까지 마진이 적용되어버리네요.
마크업
div id=content-wrap
div id=content내용/div
/div
css
#content-wrap{clear:both;background:url(images/con_bg.gif) repeat-x 0 0; overflow:hidden; }
#content{margin:20px 0 0 231px;background: url(images/menu_bg.gif) repeat-y 0 0 padding:20px 0 0 30px;}content 에 margin-top:20px를 주었습니다. 정상적으로 아래 content영역이 떨어지는데
익스플로러6.0에서만 content를 감싸고 있는content-wrap 부분이 같이 내려와 버립니다.
그래서 익스플로러6.0에서는 bg가 내려와버려요. ㅠㅠ
-
채움늘
^^좋은 자료 감사합니다. 내껏으로 만들어 주는 센수~
-
해늘
; 이게 세미콜론인가요 콜론인가요? -_-a... 아 완전 헷갈리네요 ㅋㅋㅋ
-
Sona
아. 넹넹 감사합니다. 콜록을 빼먹었네요 ㅋ^^
-
무리한
zoom으로 쓰셔도 되지만 #content-wrap 에 width:100% 적으셔도 됩니다. padding이 있을경우 zoom를 쓰시고 padding이 없을경우 width:100%로 대체하심이 -ㅅ-;;;; #content {} 속성에 background뒤에 ;(콜록) 빼먹으셨습니다. --++
-
새밝
헉 그렇게 찾아 해메이던게..zoom:1로 한방에 해결되네요... 혹 hasLayout 과 관련된 자세한 포스팅 알고 계시면 살포시..
-
세나
마진 이 합쳐지는 현상 같은데요 zoom:1응 해보시는게
그래도안되면 css에 공통으로 * { margin:0;padding:0; } 요넘은 지정하셨는지? -
FaintTears
전체적인 소스가 있어야 확실한 이유를 알거 같습니다만, 보통 익스6에서만 문제가 생긴다면 hasLayout 때문에 생기는 문제일 가능성이 높습니다.
float 해제를 위해 상용하신 overflow:hidden이 들어 있는 엘리먼트에 위드 혹은 하이트 값을 넣어주시던가 넣을수 없는 상황이라면 zoom:1 을 추가해보세요