레이아웃 질문좀 드려봅니다^^
다니엘
/* Layout */
body {text-align:center; }
#wrap {min-width:1152px;}
#header, #container, #footer {width:1152px;margin:0 auto;text-align:left;}
#container {position: relative;height:520px;}
#header { height:250px; position: relative;}탑메뉴
------------------
레프트 | 컨테이너
------------------
푸터
이렇게 되있는 구조인데
컨테이너 안에 내용이 길어서 지정해준 520px를 넘겨버리니까
푸터는 그자리에 가만히 있고 내용이 그 위를 덮쳐서 내려 가더라구요..
그래서 콘테이너 안에 다시 wrap을 줘서.. 내용에 마춰서 강제로 높이를 지정하니까
푸터가 컨테이너 밑으로 가더라구요..
그렇게 하니까 일일이 페이지마다 높이를 줘야해서.. 나중에 귀찮을지도 모른다는 생각이 들더라구요
혹시 그냥 컨테이너에 height를 주고 내용이 그 height를 넘겨도 footer가 자동으로 따라가게는..
안되는건가요? ^^;
-
연블랙
오옷 감사합니다 ㅎㅎㅎㅎ 역시 하코사^^
-
든해
자동으로 늘어나되 최소 높이값을 주는거라면 이렇게 처리하면 됩니다.
최소 높이가 520px이라는 가정하에,
#container{min-height:520px;height:auto} 이렇게 하면 되지만 ie6에서는 min-height 속성이 안됩니다. 그래서 추가로
* html #container{height:520px} 이것도 넣어줘야 합니다. -
횃불
min-width값 준것 처럼 min-height값을 주믄 되죠 컨테이너에.. 그리고 ie6에선 안먹으니깐 _height값도 주시고..