이건 제가 사이트 만들면서 경험한 내용입니다만
IE8, 크롬 모두 동일합니다
아래와 같이 했을때 가로 1200픽셀보다 작은 모니터나 브라우저 크기를 작게하면 가로 스크롤바가 생기겠죠
이때 width를 설정한 div나 테이블은 배경이 잘 나오지만
width가 없는 테이블과 div는 모니터 크기가 넘거나 브라우저 폭보다 큰 부분은 스크롤해보면 배경이 나오지않습니다
그 이유는 div 크기가 열린 브라우저 가로폭 크기와 같게 되기 때문입니다(당연한 얘기인가요?)
sir 오류라고 보고된 부분도 이 때문이 아닌가 싶군요
<table width='1200'>
<tr><td height='50' style='background:#ddd;'>1234</td><tr>
<tr><td height='100'>as23</td></tr>
</table>
<p>
<table width='100%'>
<tr><td height='50' style='background:#ddd;'>222</td><tr>
<tr><td height='100'>as23</td></tr>
</table>
<div style='width:1200px; height:50px; background:#ccc; '>
1234
</div>
<p>
<div style='height:50px; background:#ccc;border:1px solid red;'>
1234
</div>
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 1개
아울러 이번 SIR과 같은 케이스는 header 가 100% 크기로 배경과 라인을 잡아주면서 header_wrapper 는 넓이 910px 중간 정렬을 유지해야 하기 때문에 width 로만 해결을 보긴 어려운 것 같습니다.
의견 감사합니다.