묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이아웃 밀림현상이 어떤컴퓨터에서는 정상이고 다른사무실 컴터에서는 깨짐현상..
2008.08.29 11:13
홈페이지를 운영중입니다..
제가 사용하는 2대의 컴터에서는 레이아웃이 왼편 || 본문 || 오른편 이상없이 보이는데요..
다른사무실 컴퓨터로 보면은 왼편 || (아래쪽) 오른편 || 본문 이렇게 깨짐현상이 나타나는데.. 왜그런지 이유 알고싶어요..
운영중이 사이트는 http://www.land4.co.kr/ 입니다..
리플 쩜 부탁드립니다..
제가 사용하는 2대의 컴터에서는 레이아웃이 왼편 || 본문 || 오른편 이상없이 보이는데요..
다른사무실 컴퓨터로 보면은 왼편 || (아래쪽) 오른편 || 본문 이렇게 깨짐현상이 나타나는데.. 왜그런지 이유 알고싶어요..
운영중이 사이트는 http://www.land4.co.kr/ 입니다..
리플 쩜 부탁드립니다..
댓글 4
-
웃는기차
2008.08.29 11:21
-
석이-
2008.08.29 11:28
^^ 제가 쩜 둔해서요.. IE 버전에 따라서 다르게 보이는구요.. 이유라도 알아서 속이 시원합니다.. 감사합니다..
근데.. 방법이 없을까요? -
웃는기차
2008.08.29 11:50
책을 찾아보았는데 버그이름은 이중여백(double-margin)버그. IE6과 이하버전에서 발생.
float(부유된) 된 엘리먼트 (div일듯) 에 적용된 margin을 이중으로 만들며 그로인해 엘리먼트가 다른 부라우져에서 볼때보다 넓어보인다. 따라서 계산된 div사이즈보다 넓게 보여줌으로 인해 다른 엘리먼트가 밀려버리는 현상.
해결책 : float된 엘리먼트에 적용되는 css 스타일에 display:inline을 추가
참고서적 : 한빛미디어 CSS비밀매뉴얼 (데이빗 소여 맥팔랜드 저, 김지원 역, O'RELLY 출판) 정가 27,000원
책장사 아님..ㅋㅋㅋ -
석이-
2008.08.29 11:55
웃는기차님.. 도움주셔서 감사합니다..
어떻게 해야할지 막연하지만.. 방법은 알았으니까 방법을 연구해봐야겠네요..
진심으로 감사합니다.
한대의 컴퓨터는 IE7이고 다른 한대의 컴퓨터는 IE6이거나 이하버전입니다.
석이님은 IE7환경에서 만드셨네요.
IE이놈 버그투생이 입니다. 버젼마다 달라요;; 아마도 div의 3px버그나 기타 여백버그에 걸리신듯합니다.
그걸깨는 핵이 있는데 그정도 깊이까지 아는 지식이 아니라 더이상 말씀드릴께 없네요. (_ _ );;