height: 100%; 가 안되요 ㅠㅠ
꽃짱아
아래그림처럼 상단 100PX을 포함해서 height:100%인 코딩을 하려고 하는데 잘 안되네요.
상단 100PX만큼 스크롤바가 생기네요.
아무리 머리를 쥐어 짜내도 해결이 안되네요
어떻게 해야 상단 100PX을 포함해서 height:100%를 만들 수 있나요?
도와주세요.style type=text/css
/* 메인 div id설정 높이 100% 지정 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0;padding:0}
html,body,table {height: 100%;margin: 0;padding: 0;font-family:dotum, Vedana, sans-serif; font-size:11px; color:#525252;line-height:16px}
* { padding: 0; margin: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; height:100%}
#wrapper { margin: 0 auto; width: 961px; height:100%}
#wrap {width: 100%; height: 100%; margin: 0 0 -100pxpx 0;}
#header { color: #333; width: 961px; float: left; padding: 0px; border: 0px solid #ccc; height: 100px; margin:0px; background: #BD9C8C;}
#leftcolumn { color: #333; border: 0px solid #ccc; background: #E7DBD5; margin: 0 0 0 0; padding: 0px; height:100%; width: 121px; float: left;}
#leftmiddle { color: #333; border: 0px solid #ccc; background: #F2F2E6; margin: 0 0 0 0; padding: 0px; height: 100%; width: 10px; float: left;}
#contents { color: #333; border: 0px solid #ccc; background: #E7DBD5; margin: 0px 0 -100pxpx 0; padding: 0px; height:100%; width: 830px; float: left;}
/style
!-- Wrapper --
div id=wrapper
div id=wrap
div id=header 상단/div
!-- Left Column --
div id=leftcolumn 왼쪽 /div
!-- Left Column --
div id=leftmiddle/div
!-- contents--
div id=contents contents/div
!-- End contents --
/div
/div
!-- End Wrapper --
-
에드가
heigh:auto;
또는 height:100% auto;
이리 하면 자동으로 잡아줍니다
참고 : body{margin:0; padding:0; width:auto}
.wrapper{width:1000px; margin:auto;}
div class=\wrapper\내용이 가로 중앙 정렬 됩니다 /div
* margin과 width순서 틀리면 안됩니다
가로 고정값이 있고 그 다음에 마진값이 좌우로 자동 잡아주기 때문
자동 잡아주고 그 담 가로값 오면 -
후회중
float 때문에 감싸는 부분이 다 못감싸고 있는것 같습니다.
-
피스케스
div하나더싸서 패딩주죠;;;; 당연히 제가 그걸빠자먹었네요 ㅋㅋㅋ
-
세이
100%에 패딩주면 스크롤생길듯한데요..
-
선아
컨덴츠 저부분을 100프로로하고 헤더 저거는 그냥 레이어로 띠우면되겠네요 그리고 헤드 높이만큼 컨덴츠 패딩주면 끝~~