상단메뉴 배경짤림에 대하여
이건 제가 사이트 만들면서 경험한 내용입니다만
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 로만 해결을 보긴 어려운 것 같습니다.
의견 감사합니다.