헤더 배경 가로 스크롤 막대로 인해 닫힘

Question

저는 왼쪽과 오른쪽 모서리에 버튼이있는 헤더가 있고 헤더 아래에 내용이있는 iPad 및 iPhone 용 페이지에서 작업하고 있습니다.

헤더의 CSS는 ipad의 orienation으로 헤더의 너비가 변경되어 헤더의 왼쪽과 오른쪽에있는 모든 버튼을 표시하도록 이미 수행되었습니다.

내 콘텐츠가 특정 너비를 초과하면 페이지의 가장 오른쪽 데이터로 스크롤 할 때 가로 스크롤이 나타나고 헤더가 잘립니다.

나는이 URL에서 볼 수 있습니다 직면하고있는 문제의 샘플 : 문제의

http://www.kalee-eversole.com/

복제 :

http://www.tempestblog.com/2011/06/19/common-css-problem-header-background-cut-off-when-page-scrolled-horizontally/

이 문제에 대한 해결 방법이 있습니까? 어떤 가치있는 제안이라도 대환영입니다.

Answer 1

header 태그가 잘 리기는하지만 body (헤더를 시뮬레이트하는 이미지)이 배경으로 사용됩니다.

문제는 헤더 1024px 폭 (플러스 자식 요소 부정적인 마진)을 가지고있는 동안 당신의 body이 100% (브라우저 폭)의 폭을 가지고있을 것 같다, 그래서 브라우저가 1024보다 작은 경우 신체 만에 최대에 걸쳐 배경 이미지가없는 추가 스크롤 영역을 남겨두고 브라우저 너비.

시도하여 본체 태그의 CSS이 추가 :

(헤더 좌측 내부 요소와 오른쪽 제외 여백에서 헤더 폭 + 98 + 70 1024)

min-width:1192px;