2011-09-15 7 views
5

나는 이것에 머리를 두드리고 있습니다. 오버플로 : 가로 스크롤 막대가 IE7에만 나타납니다. 숨김 설정 중입니다.

나는 IE7에서 내 사이트를 검색하는 경우에만 나타납니다 교란 수평 스크롤이 :
http://www.regia.it

내가 노력하고 내 div들에 overflow:hidden를 사용하여 이런 일이 발생을 막으려하지만 몇 가지 이유로 나는 단지 문제의 원인을 찾을 수없는 것 같습니다.

도움을 주시면 대단히 감사하겠습니다.

+0

호환성보기에서 IE8로 테스트되었지만 여기에는 스크롤바가 없습니다. 내가 보았던 유일한 것은 메뉴이었다. 그것은 수평이 아니라 수직이었다. 스크린 샷을 게시 할 수 있습니까? – Andre

+0

이 SO 질문을보십시오 : http://stackoverflow.com/questions/2941172/hide-horizontal-scrollbar-in-ie-7-and-below –

+0

다음은 IE7의 스크린 샷입니다 : http : //dl.dropbox .com/u/2899749/screen.png – Milksamsa

답변

7

이것은 이상하게 보입니다.

body{overflow-x: hidden;} 

하는 경우 당신이 html보다는 body는 어떻게해야에 적용하는 경우 : 당신이 사용하려고했기 때문에 나는 페이지도 작은 화면에 수평으로 스크롤하지 않은 경우 당신이 마음을하지 않는 가정입니다 트릭 :

html{overflow-x: hidden;} 

나는 정말이 장기를 구현하고 싶지 않을 것이다, 그러나 당신이 빠른 수정을 찾고 있다면 당신은 무슨 일이 잘못 해결할 수있을 때까지이 임시 조치로 확인해야합니다. 또한 현대적인 브라우저에서 대다수의 사람들을위한 경험을 망치지 않기 위해 조건부 주석에 넣을 것입니다.

<!--[if IE 7]> 
    Link to alternate style sheet 
    OR 
    <style> /*CSS in here*/ </style> 
<![endif]--> 

편집 : 나는 문제의 원인을 발견, 그래서 위의 해결 방법을 사용할 필요가 없습니다. 내가 의심했던 것처럼이 문제는 절대적이고 상대적인 위치와 관련이있다.

.grid_2.grid_12에서 position:relative을 제거하면 스크롤바가 사라집니다.

+0

감사합니다. 그게 바로 제가 대답하기 전에 몇 분 정도 정확하게 완료 한 것이고 버그를 수정 한 것입니다. 당신이 말했듯이, 나는 더 나은 해결책을 원했을 것입니다,하지만 이것은 할 것입니다! 고맙습니다. – Milksamsa

+0

@milksamsa : 사용 편의성이 떨어지는 해결 방법을 사용할 필요가 없으므로 기꺼이 도와 드리겠습니다. – tw16

+0

+1에 대한 편집은'position : relative'에 대한 것입니다 - 그것은 저에게 뉴스 였고 저에게 약간의 문제를 저장했습니다. 정말 궁극적 인 해결책이라고 생각합니다. 오버플로를 숨기면 필요할 때라도 사라집니다. – tmsimont

1

나는이 곤란한 문제에 대해서도 역시 알게되었습니다. 나는 div에 테이블을 가지고 있었고 이것들은 바깥 쪽 div 안에있었습니다. 내 div 너비를 만들기 위해 스타일을 제거했을 때 : 100 %, 'IE7 only'스크롤바 상황이 사라졌습니다.

희망적으로 다소 유용합니다.

관련 문제