2012-07-30 3 views
0

내 밴드 용 EPK를 디자인 중이며 몇 가지 문제가 있습니다. 내 화면에서는 모든 브라우저에서 비율이 훌륭합니다. 하지만 내 베이시스트 컴퓨터에서는 요소가 겹칩니다. 왜 누군가가 내가 그 이유를 알아낼 수 있는지 궁금 해서요?jQuery 슬라이드 스크롤링 오버랩 문제

여기 사이트의 : http://www.indefinitedyad.com/epk.html

여기 코드와 jsFiddle있어 : http://jsfiddle.net/mkk9F/

여기가 그녀의 화면에 돌고 방법은 다음과 같습니다 http://img.photobucket.com/albums/v410/justice4all_quiet/Screenshot2012-07-29at22149PM.png

어떤 도움도 대단히 감사하겠습니다!

+0

그림에 사용 된 브라우저는 무엇입니까? – Automatico

+0

여기에 이상한 코딩이 많이 있습니다. E.M #menu 요소에서 여러분은 그것을 떠 다니고 절대적으로 위치 시키려고합니다. 한 번에 한 요소 씩 다시 시작하는 것이 좋습니다. 모든 인기있는 브라우저에서 사이트를 구축하면서 크로스 브라우저 호환이 가능한지 확인해야합니다. –

답변

0

내가 말할 수있는 것은 실제로는 CSS 문제이며 .content 너비가 90 %로 설정되어 있기 때문입니다. 브라우저 크기를 조정하거나 모니터 해상도를 높게 설정하면 문제가 없습니다. 설정된 크기 (1080px가 내 브라우저에서 잘 작동 함)를 원할 경우 컨텐츠 분할을 정의 된 너비로 설정하거나 모바일 및 화면 크기 조정을 위해 작동하는 here이라는 1140px 격자와 같은 그리드 시스템을 조사해야합니다 .

희망이 도움이됩니다.

1

여기서 문제는 <ul id="menu">position: absolute;이 있다는 것입니다. 이렇게하면 단추가 프레임에 고정되고 창과 함께 축척되지 않습니다. 그러나 <div class="container">은이 작업을 수행하지 않습니다. 따라서 그림 등이 포함 된 div는 창을 작게/크게 만들면서 크기가 조정됩니다. 그러나 버튼은 그렇지 않습니다.

이 문제는 매우 간단하게 재현 할 수 있습니다. 브라우저 창을 작게 설정하십시오. 이것은 html 설정을 수정하는 문제입니다.