문제
완벽하게 중앙에 정렬 된 웹 사이트가 있습니다.CSS 코드가 잘 작동합니다.문제는 실제로 CSS와 관련이 없습니다.서로 완벽하게 일치하는 각 페이지의 헤더가 있습니다.
하지만 콘텐츠가 커지면 Opera와 FireFox는 왼쪽에 스크롤바를 표시하므로 화면에없는 콘텐츠로 스크롤 할 수 있습니다.이로 인해 내 사이트가 왼쪽으로 몇 픽셀 이동합니다.따라서 헤더는 더 이상 완벽하게 정렬되지 않습니다.
IE에는 항상 스크롤바가 있으므로 사이트는 IE에서 점프하지 않습니다.
이 문제에 대한 JavaScript / CSS / HTML 솔루션을 아는 사람이 있습니까?
해결책
사용합니다 라코 디스
IE 및 FF의 스크롤바 동작 표준화
다른 팁
FWIW : 사용합니다 라코 디스
Firefox에 항상 스크롤바가 나타나도록 강제합니다.
비율 너비 또는 고정 너비로 정렬하고 있습니까?나는 또한 당신이 몸에 배경을 적용하고 있다고 생각합니다-저도이 문제를 겪었습니다.
하지만 소스 코드를 볼 수 있도록 페이지를 업로드하면 훨씬 더 쉽게 도움을받을 수 있습니다.
라코 디스
내 중심 DIV
글쎄요, position: relative;
는 필요하지 않습니다. 코드 없이도 잘 작동합니다.
div
는 1000px
의 너비를 가지고 한다고 생각합니까?실제 웹 사이트로 답변하는 것이 훨씬 쉬울 것입니다.
제휴하지 않습니다 StackOverflow