수다닷컴

브라우저 기본인데.. 하려니 잘 안되네요.. 예전에도 정말 어렵게 해결했던것 같은데
또 하려니 왜케 안되는지..

style
html, body {height: 100%;margin: 0;padding: 0;}
#head {height: 100px;background: #ddd;position: relative;z-index: 1;}

div#wrap { width:1000px; position:relative;height: 100%; /*border:1px solid #ff0000*/;}
div#header { width:1000px; height:85px; position:relative; float:left; border: 3px solid #FF0000;}
div#snb { width:180px; float:left; padding: 85px 0 107px 0px; background-color:#7ecef4;}
div#container { width:800px; float:right; padding: 85px 0 107px 0px;background-color:#EEEEEE;}
div#footer { width:1000px; position:relative; height:57px; background-color:#f4f4f4; margin-top:50px;border: 3px solid #999;}
div#body {min-height: 100%; margin: -85px 0 -107px 0px;}
/style
body
div id=wrap
div id=headerheader 빨간테두리/div

div id=body
div id=snbsnb하늘색 배경/div
div id=containercontainer 회색배경/div
/div

div id=footerfooter회색 테두리/div
/div
/body

헤더있고 컨텐츠는 좌측 메뉴 우측 컨텐츠 나뉘고 푸터 있는 흔하디 흔한 레이아웃이에요..
컨텐츠 길이는 짧을때는 푸터가 브라우저 바닥에 붙고 길때는 같이 늘어나야 하는 보통 화면처럼..
근데 왜 좌측메뉴 부분과 컨텐츠가 있는 BODY부분이 자꾸 위로 올라갈까요?
CSS소스틑 인터넷으로 찾아보고 제가 테스트할때는 잘됐는데 막상 적용하니 안되네요,..,

저 소스 적용시 나오는 화면입니다

신청하기