묻고답하기
사이트 레이아웃 깨지는 현상.
2010.04.06 01:56
사이트 들어가면 아무이상없이 보이긴 하는데요.
인터넷 창을 줄이면,
게시판이 아래로 가고
로그인창이 그 아래로 가고
그럽니다.... 어케 해야 할까요........
현재 레이아웃입니다.
#container{ position:relative; width:100%; margin:0 auto 0 auto; padding:0 0 0 0;}
#header{ position:relative; clear:both; *zoom:1; margin:0 0 0 0; padding:0 0 5px 0; border-bottom:1px solid #ccc;background-position: center; background-repeat: repeat-x; background-image:url("");}
#body{ position:relative; clear:both; *zoom:1; margin:10px 0 30px 0; padding:0 200px 0 150px;}
.menu1{ position:relative; *zoom:1; float:left; width:150px; margin:-25px 0 0 -150px; padding: 0 10px 0 0;}
#content{ text-align:justify; float:left; width:93%; margin:0 0 0 0; padding: 0 10px 30px 10px; border-left:1px dashed #ccc; border-right:1px dashed #ccc;}
.menu2{ position:relative; *zoom:1; float:left; width:200px; margin:0 -200px 0 0; padding: 0 0 0 10px;}
#footer{ position:relative; clear:both; *zoom:1; margin:0 0 0 0; padding:22px 0 22px 0; border-top:1px solid #ccc; background-position: center; background-repeat: repeat-x; background-image:url("");}
float left는 해당 엘리먼트의 넓이가 충족되지 않으면 다음줄로 넘겨버립니다.
제 방법이라면 content를 넓이 고정 픽셀로 주고 내부의 div를 absolute로 정렬하겠습니다 ㅡ,.ㅡ...
다만 ㅡ,.ㅡ.. 그땐 높이 문제가 나올테니 min-height 라던지.. ie6를 위한 핵을 쓰시던지 해서 해결해야하겠습니다..
물론 이건 제 방법..