2012-03-15 5 views
3

내 웹 사이트를 전체 페이지를 표시하기에 부족한 해상도로 볼 때마다 가로 스크롤 막대가 추가됩니다. 문제는 배경 이미지가있는 100 % 너비의 div가 스크롤 막대 너머로 확장되는 부분에이 배경 이미지를 적용하지 않는다는 것입니다.div 배경을 잘라내는 스크롤바

이 동일한 문제는 실제로 스택 오버플로에도 나타납니다. 수평 스크롤 막대가있는만큼 창을 축소하면 머리글 및 바닥 글 div 영역이 모두 배경 이미지/색상을 확장하지 않는다는 것을 알 수 있습니다. 이 문제를 해결하기 위해 내가 낸

한 가지 방법은 타이로 고정하지만 사업부의 끝을지나 내용이

사람이 어떤 제안이나 해결 방법이 :-(분실? 머리글/바닥 글 DIV를 설정하는 것입니다 !

답변

2

요소를 100 % 너비로 설정하면 부모 요소와 너비가 동일합니다. 본문 태그의 너비는 기본적으로 뷰포트의 너비입니다. 표준에 따르면 요소 내용이 큰 경우 맞춰지면 오버플로 될 것입니다. 이것은보고있는 것입니다.이 문제를 해결하려면 body 태그에 최소 너비를 설정하십시오. omething 다음과 같이 분명히 당신을 위해 일하는 무엇에 너비를 변경 :

body { 
    min-width: 960px; 
} 
+0

+1 심플하면서도 강력한! –

1

기분이 언짢아하는 당신이

body{ 
    background: url("yourdir/yourimage.jpg") repeat repeat; 
} 

대신의 배경 DIV 데의 라인을 따라 뭔가를 사용하는 경우?

0

이 여백은 크기 조정 중에 표시되고 뷰포트를 더 작게 만드는 브라우저 스크롤 막대입니다. 이것은 몸에 숨겨진 오버플로를 추가하여 쉽게 수정할 수 있습니다. 확인 #242684

관련 문제