묻고답하기
크롬에서 레이아웃이 좀 신기하게 로그인 유무에 따라 깨집니다.
2008.12.19 07:52
익스 6, 7에선 잘 보이는데 구글 크롬에서는
로그인을 하기전엔 메뉴가 짤리고 컨텐츠 부분 레이어가 보이고
로그인을 하면 메뉴부분이 보이고 컨텐츠 부분이 안보이네요
하단 부분은 양쪽다 보이구요.
전에 레이아웃 제대로 보였었는데 익스 6에서 레이아웃이 깨지길래 이래저래 수정해서
탑 메뉴부분과 컨텐츠 부분을 감싸고 있는
#bodyWrap {position:relative; width:980px; margin:0 auto 0; margin-top:25px; padding:0;background:#333333; border-top:0px solid #6482B9; border-left:0px solid #6482B9; border-right:0px solid #6482B9; overflow:hidden; z-index:0;}
레이어 배경색을 회색으로 지정해한 이유가 이상하게 탑+컨텐츠+바텀 부분 우측에 50픽셀쯤 여유 공간이 생겨서
알아보려고 색 넣고 이래저래 건들여보다가 도저히 못찾겠어서 이렇게 overflow:hidden; 을 넣어서 해결했거든요?
근데 그 뒤로 크롬에서 레이아웃이 이렇게 깨지네요.
기존 레이아웃에서 억지로 이래저래 수정해서 모양은 원하는데로 맞췄는데 결국 또 이상한 문제가 생기네요.
후... 혹시 아시겠으면 답변 부탁합니다.
로그인을 하기전엔 메뉴가 짤리고 컨텐츠 부분 레이어가 보이고
로그인을 하면 메뉴부분이 보이고 컨텐츠 부분이 안보이네요
하단 부분은 양쪽다 보이구요.
전에 레이아웃 제대로 보였었는데 익스 6에서 레이아웃이 깨지길래 이래저래 수정해서
탑 메뉴부분과 컨텐츠 부분을 감싸고 있는
#bodyWrap {position:relative; width:980px; margin:0 auto 0; margin-top:25px; padding:0;background:#333333; border-top:0px solid #6482B9; border-left:0px solid #6482B9; border-right:0px solid #6482B9; overflow:hidden; z-index:0;}
레이어 배경색을 회색으로 지정해한 이유가 이상하게 탑+컨텐츠+바텀 부분 우측에 50픽셀쯤 여유 공간이 생겨서
알아보려고 색 넣고 이래저래 건들여보다가 도저히 못찾겠어서 이렇게 overflow:hidden; 을 넣어서 해결했거든요?
근데 그 뒤로 크롬에서 레이아웃이 이렇게 깨지네요.
기존 레이아웃에서 억지로 이래저래 수정해서 모양은 원하는데로 맞췄는데 결국 또 이상한 문제가 생기네요.
후... 혹시 아시겠으면 답변 부탁합니다.
댓글 3
-
이건 제 기준에서 말씀 드릴께요.
저는 margin을 줄때 최대한 margin: 위 오른 아래 왼; 이런씩으로 주도록 합니다.
margin-top, margin-bottom 등의 방식으로 주면 어딘가 다른 위치에 간격이 벌어지는 경우가 생기더군요.
이유는 모릅니다. -
카인682
2008.12.22 14:21
답변 감사합니다! 바로 수정해봐야겠네요.
크롬에서 그렇다면 아마 파폭이나 오페라에서도 마찬가지일 듯...
웹표준에 가까운 파폭, 크롬, 오페라 등에 먼저 맞추시고 IE는 핵을 이용하는 것이...