수다닷컴

hjy0092.dothome.co.kr/mainsite/index.html#header_wrap {
width:100%;
position:fixed;
left:50%;
margin-left:-50%;
border:solid 0px blue;
}
#header_wrap header {
margin:0 auto;
height:100px;
width:900px;
border:solid 0px red;
}
#header_wrap ul {
margin-top:40px;
}
#header_wrap ul li {
float:left;
margin-left:120px;
}
#header_wrap ul li:first-child {
margin-left:0;
}
#home {
width:100%;
background:url(../images/mainWrap_bg.jpg) repeat 0 0;
}
#home_main {
width:900px; /*패딩 준 만큼 영역이 늘어나야하는데 안늘어남*/
height:450px; /*패딩 준 만큼 영역이 늘어나야하는데 안늘어남*/
margin:0 auto;
}
#home_main .intro {
padding:240px 0 0 122px; /*패딩 준 부분*/
}
#footer {
width:100%;
background:url(../images/main_bg.jpg) repeat 0 0;
}
#footer_inside {
width:900px; /*패딩 준 만큼 영역이 늘어나야하는데 안늘어남*/
height:350px; /*패딩 준 만큼 영역이 늘어나야하는데 안늘어남*/
margin:0 auto;
}
#footer_inside .name {
padding:40px 0 0 128px; /*패딩 준 부분*/
}
========================================================================
질문

#home 에 100%배경을 주고
#home_main에 넓이 900px 높이 450px을 주어 중간정렬을 잡고
안에 들어가는 콘텐츠에
#home_main .intro {
padding:240px 0 0 122px;
}
만큼 패딩을 줬는데 패딩을 준만큼 영역이 늘어나지 않아요
footer 부분도
#footer에 배경 100%를 주고
#footer_inside에 넓이 900px 높이 350px div 박스로 중간 정렬을 맞추고
안에 들어가는 콘텐츠에
#footer_inside .name {
padding:40px 0 0 128px;
}
만큼 패딩을 줬는데 영역이 늘어나지 않네요
원래 패딩을 주면 부모 영역이 패딩 준만큼 늘어나기때문에 패딩준만큼 빼줘야하는데~
제가 작업한건 영역이 늘어나지않고 영역이 패딩만큼 늘어나지 않았으니
패딩 준만큼 값을 빼주니 당연이 영역이 더 줄어요 ㅠ
왜그런걸까요?

신청하기