이상한 CSS 반응 형 사이트의 페이더 위치 지정 문제

Question

홈페이지의 반응 형 WordPress 테마 버전을 개발 중입니다. 홈페이지의 페이더에 문제가 있습니다.

http://dev.epicwebdesign.ca/epicblog/

화상 스위치는 그것이 위치 사용 그림 오버레이 절대 후 위치로 되돌아 간다 : 상대.

절대적으로 메뉴의 왼쪽 하단 모서리를 기준으로 한 상대 값을 지정하여 겹치지 않도록해야합니다.

나는이 컨테이너 div에 넣으려고했는데 : http://wiki.orbeon.com/forms/doc/contributor-guide/browser#TOC-Absolutely-positioned-box-inside-a-box-with-overflow:-auto-or-hidden하지만 작동하지 않는 것 같습니다.

아이디어가 있으십니까?

IE에서 주요 CSS 호환성 문제가 있습니다. 크롬에서 사용해보십시오. http://epicwebdesign.ca과 비슷해야합니다. 브라우저 창이 가로로 축소되면 전체 테마가 보정됩니다.

Answer 1

주요 콘텐츠가 위쪽으로 이동하여이 문제를 해결하기 위해 탐색 및 콘텐츠를 모두 100 %로 확장하고 겹치지 않도록 왼쪽으로 띄울 것입니다.

id가 "navigation"인 요소의 경우 float : left 스타일을 추가하십시오.

그런 다음 id가 "wrapper"인 요소의 경우 float : left 및 width : 100 % 스타일을 추가하십시오.

Firefox에서만 테스트 했으므로 모든 브라우저에서 제대로 작동하려면 몇 가지 다른 스타일을 조정해야 할 수도 있습니다.

Answer 2

밝혀졌습니다. 나는 바보입니다. 위치를 잘못 잡았습니다. (.rslides 대신 .rslider)