문제는 내가 희망

Question

이 내가 내가 최근에 클라이언트에 대한 수평 스크롤 포트폴리오를 설계 한 데 문제를 설명하는 데 도움이, 권리와 수평 웹 디자인의 잘못은 sligtly 별도의 주제하지만 아아이다 고객은 뭔가 다른 것을 원했습니다.

맨 아래쪽 div에 실제 문제가 있습니다. 모니터 크기가 줄어들면 div 이미지가 모니터 크기와 겹치기 때문에 브라우저 스크롤 막대가 옆으로 내려갑니다.

거대한 문제가 아니 겠지만 수평 사이트의 본질 때문에 그것은 diagional 스크롤링 효과를냅니다.

CSS 또는 기타 솔루션을 사용하여 실제 모니터 크기에서 화면이 확대되지 않도록하려면 여기를 선택하십시오. 나는 타이핑 할 때 아마도 답을 쳐다 보지 만, 두뇌는 불행하게도 작동하지 않는 것 같습니다.

Answer 1

콘텐츠 영역의 높이가 유연하고 배경 div가 고정 높이라고 가정하면 콘텐츠 영역이 브라우저 높이보다 커지지 않도록합니다. 그런 당신을 위해 우려가있는 경우

html {height: 100%;} 
body {height: 100%; position: relative;}  
#content {position: absolute; top: 0; bottom: (whatever the height is of your bottomBkg);} 
#bottomBkg {position: absolute; bottom: 0; left: 0;} 

#content에 결합 위/아래는 이전 버전의 브라우저에서 작동하지 않습니다 여기 목적을 위해 나는 당신이 그 DIV의의를 대상으로 몇 가지 방법이 가정합니다.

Answer 2

당신은 CSS3 사용할 수 있습니다

HTML {오버 플로우-Y : 숨겨진;} 수직 스크롤을 방지 할 수