2010-11-19 6 views
0

배경 이미지가있는 넓은 div가 있습니다. div의 너비는 1100px이고 브라우저 창 크기가 이보다 작 으면 스크롤바가 표시됩니다. 스크롤바를 피할 수있는 방법이 있습니까? Thats is any any hack. 이제 나는 그것을 신체 이미지에 넣을 수 있다는 것을 알고 있지만, 이유가 있기 때문에이 div를 갖고 싶습니다.Wide div - 어떻게 든 스크롤 막대를 제거 할 수 있습니까?

<body> 
<div id="imgWrapper"> <-the wide div the image 
<div id="wrapper"> <- normal 960px wrapper 
<div id="content"> <- content inside this 
Blablabla...... 
</div> 
</div> 
</body> 

물론 # container/content의 콘넷이 브라우저 창보다 넓은 경우 스크롤바가 필요합니다. http://www.w3schools.com/Css/pr_pos_overflow.asp

+1

그래서 ... 당신은 스크롤바를 원하지만 당신이 그들을 싶지 않아? 네가 무엇을하고 있는지 정확히 설명해 줄 수 있니? – Alex

답변

0

하면 CSS overflow를 사용하여 스크롤을 억제합니다.

또한 각 축의 동일한 속성 (hidden, visibleauto)와 overflow-x:overflow-y: 대한 변형이있다.

3

사용 overflow:hidden 또는 overflow:auto을 : 당신 된 div의 속성, (개별 스크롤 바를 제어 overflow-xoverflow-y을 사용하여 수직 및 수평 스크롤을 제어)

+1

+1 답에, 아무 말도 안돼. :) – Alex

0

또는 div # imgWrapper를 html로 삭제하고 #wrapper에 CSS 배경을 추가 할 수도 있습니다.

<body> 
<div id="wrapper"> <- normal 960px wrapper 
<div id="content"> <- content inside this 
    Blablabla...... 
</div> 
</div> 
</body> 

CSS

#wrapper { background: url(path/to/someimage.png) transparent 0 0 no-repeat; 
관련 문제