묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
익스플로러6과 7에서 다르게 나타나는 레이아웃
2009.01.23 22:02
기본레이아웃일 경우 CSS내부에는 body부분, #header부분, #contentBody부분, #columnLeft부분, #columnRight부분, #footer부분으로 나뉩니다. 여기서 제가 관찰하면서 해결할려고 했지만 결국 해결할 수 없었던 문제가 있었으니...
익스플로러6과 익스 플로러7에서 서로 다르게 보인다는 사실입니다.
제가 만든 홈피가 이상해서 그럴지도 모르지만, 일단 body전체를 왼쪽으로 정렬시킨 후,
#columnLeft의 margin을 margin: 10px 0 0 20px; 으로 줬는데 익스플로러7에서는 #columnRight가 제대로 화면에 출력이 되지만,
익스플로러6같은 경우에는 #columnLeft의 길이가 비정상적으로 길어져버려서 #columnRight가 밑으로 내려가버리는 현상이 발생했습니다.
익스플로러 버전에 따라서 이런 경우가 생깁니까? 만약 생긴다면 서로의 사이즈를 통합할 수는 없을까요?
이 이미지는 익스플로러6에서 캡쳐한 왼쪽부분입니다.(비정상)
이 이미지는 익스플로러7에서 캡쳐한 왼쪽부분입니다.(정상)
익스플로러6과 익스 플로러7에서 서로 다르게 보인다는 사실입니다.
제가 만든 홈피가 이상해서 그럴지도 모르지만, 일단 body전체를 왼쪽으로 정렬시킨 후,
#columnLeft의 margin을 margin: 10px 0 0 20px; 으로 줬는데 익스플로러7에서는 #columnRight가 제대로 화면에 출력이 되지만,
익스플로러6같은 경우에는 #columnLeft의 길이가 비정상적으로 길어져버려서 #columnRight가 밑으로 내려가버리는 현상이 발생했습니다.
익스플로러 버전에 따라서 이런 경우가 생깁니까? 만약 생긴다면 서로의 사이즈를 통합할 수는 없을까요?
이 이미지는 익스플로러6에서 캡쳐한 왼쪽부분입니다.(비정상)
이 이미지는 익스플로러7에서 캡쳐한 왼쪽부분입니다.(정상)
댓글 5
-
모르는게넘많아
2009.01.23 22:12
-
베르짱
2009.01.23 22:46
음... 너무 붙으면 이상해서요. 좀 띄워준거랍니다. -
...
2009.01.24 00:13
만약 쥬크박스에 float: left;가 걸려있다면...
그 부분에 display: inline; 을 적용시켜 보세요.
IE6에서 일어나는 마진버그죠. float방향으로 마진값이 2배로 부풀려지는 현상 -
베르짱
2009.01.24 14:27
오! 원인을 제대로 알고 계시는 분이 있으셨구나!!
일단 해보겠습니다! -
베르짱
2009.01.24 20:41
잘 됩니다^^
감사드려요.
CSS를 어떻게 꾸민지는 모르지만 컬럼레프트에 마진이 왼쪽에 20px은 왜 준거죠?