다시질문요...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와 똑같이 백그라운드도나오고 패딩도 적용이되네요..--;;
서브페이지는높이가 제각각이라 높이값을 정할수도없고..ㅡ.ㅜ며칠전에 저렇게 글 남겼었는데요..
답변주신대로 푸터의 float를 해제하고 sub_wrapper에 overflow:hidden,position:relative;를 줘서 해결은 했거든요...
근데 문제는 overflow:hidden때문에 sub_wrapper의 내용이 길어질경우 내용이 숨겨집니다.ㅡ.ㅜ
어떻게 해야 하나요?ㅠ.ㅠ
산넘어 산이네요..
-
일진오빠
어제단 댓글인데.. 다시보니#cp_wrapper가 아니고 #sub_wrapper 네요;;
#sub_wrapper의 overflow:hidden;를 제거하시고
#sub_wrapper:after { clear:both; overflow:hidden; display:block; height:0; content:\ \; } -
달빛
#cp_wrapper{
background-color:blue;
float:right;
width:644px;
}
이렇게 height값을 빼주세염 ~~ -
새론
좋은정보 감사드립니다~~~포스팅 열심히 읽어봐야겠어요.....갈길이 머네요..ㅠ.ㅠ