footer를 100%로 줘야할때...
큰가람
html, body {
height:100%;
}
#wrap {
width: 904px;
position: relative;
}
#visual{
clear:both;
height:155px;
padding-bottom:20px;
}
#sub_wrapper{
clear:both;
width:873px;
background:url(../customer/img/bg_sub.gif) repeat-y;
}
#left_wrapper{
width:174px;
height:100px;
float:left;
padding-left:17px;
}
#cp_wrapper{
background-color:blue;
height:100px;
float:right;
width:644px;
}
#footer {
clear: both;
width: 100%;
height: 90px;
margin-top:20px;
background-color:#f1f1e7;
}
div id=wrap
div id=header_container/div
div id=sub_wrapper
div id=left_wrapper/div
div id=cp_wrapper111111111/div
/div
/div
/div
div id=footer/div
푸터부분의 width가 100%일경우요...
padding-top:20px;했는데도 IE에서만 패딩이먹고 나머지브라우저에서는 패딩도안먹고 sub_wrapper에준 백르라운드이미지도 출력이안되요...
근데 sub_wrapper에 높이값을 정해주면 IE와 똑같이 백그라운드도나오고 패딩도 적용이되네요..--;;
서브페이지는높이가 제각각이라 높이값을 정할수도없고..ㅡ.ㅜ
-
늘빈
저기... 전 아직 고수가 안되서 그냥
#footer {
position:relative;
top:-20px;
clear: both;
width: 100%;
height: 90px;
margin-top:20px;
background-color:#f1f1e7;
}
주면 안되는건가요? -
떠나간그녀
헛..파수다님 감사드려요..역시 저의 얇은 지식으론 불가능한일이였군요..이틀동안이리저리해봤는데...이번에 또 많은걸 배웠네요..감솨감솨...t^t
-
치리
float해제를 부모(sub_wrapper)가 아닌 부모형제(footer)가 해줘서 float 자식을 가지는 부모(sub_wrapper)가 자식을 감싸지 못해서 그런겁니다.
footer 에서 float해제 하지마시고 sub_wrapper에 overflow속성(값:hidden)을 넣으시면 float가 해제 됩니다.
(ie는 position속성값이 있을경우 overflow 속성적용되므로 position:relative;도 같이 넣어주세요.)
그럼 패딩안먹는