2008-08-25 7 views
0

나는 완벽하게 가운데 정렬 된 웹 사이트를 가지고 있습니다. CSS 코드가 잘 작동합니다. 이 문제는 실제로 CSS와 관련이 없습니다. 나는 각 페이지마다 완벽하게 일치하는 헤더를 가지고있다.브라우저 스크롤바

그러나 콘텐츠가 커지면 Opera와 FireFox는 왼쪽에 스크롤바를 표시하므로 화면에없는 내용으로 스크롤 할 수 있습니다. 이렇게하면 내 사이트가 왼쪽으로 몇 픽셀 이동합니다. 따라서 헤더는 더 이상 완벽하게 정렬되지 않습니다.

IE에는 항상 스크롤바가 있기 때문에 사이트가 IE에서 절대 뛰어 넘지 않습니다.

누구든지이 문제에 대한 JavaScript/CSS/HTML 솔루션을 알고 있습니까?

답변

10

나는 IE와 FF

0

비율 너비 또는 고정 너비로 ​​맞추시겠습니까? 나는 또한 당신이 몸에 배경을 적용하고있는 것으로 추측하고 있습니다 - 나는이 문제를 직접 겪었습니다.

소스 코드를 볼 수 있도록 페이지를 업로드하면 도움이 될 것입니다.

0
#middle 
    {   
position: relative; 
margin: 0px auto 0px auto;  
width: 1000px; 
max-width: 1000px; 
} 

내 중심 DIV

0

입니다 그럼 당신이 필요하지 않은 position: relative; - 그것없이 잘 작동합니다.

걸릴 내 div1000px 너비입니까? 실제 웹 사이트에서이 답변을하는 것이 훨씬 쉽습니다.

2

FWIW의 스크롤 동작을 표준화하기 위해

html { overflow-y: scroll; } 

를 사용 : 난 항상 파이어 폭스에 표시 스크롤바를 강제로
html { height: 101%; } 

를 사용합니다.