2014-01-14 4 views
0

웹 사이트에서이 작업을 몇 번했는데이 작업은 너비가 100 % 인 웹 사이트를 만들려고 시도한 첫 번째 사례 중 하나입니다. 나는 사이트가 설정 너비와 함께 래퍼에있는 것과 비교되는 모습을 실제로 즐기고 있지만, 이제 모든 종류의 기본 레이아웃 문제를 겪고 있습니다.사이트의 맨 위에 새로운 콘텐츠가 추가되어 기본 레이아웃 문제가 발생했습니다.

저는 슬라이드 쇼가 100 % 너비 인 레이아웃을 만들려고합니다. 슬라이드 쇼 내에 슬라이더 위에 웹 사이트 로고와 탐색 막대가 있습니다. 나는 슬라이드 쇼를 절대적으로 만들고 nav 막대와 로고를 친척으로 만들어 이것을 제거했다. 지금까지 문제 없습니다. 이제 슬라이더 아래에 콘텐츠를 추가하고 싶습니다. <div id="menu">이 될 다음 div를 추가하려고하면 div가 슬라이드 쇼 뒤의 화면 맨 위로 실행됩니다. 슬라이드 쇼를 제거 할 때 화면 하단으로 돌아 가기 때문에 슬라이드 쇼가 절대 위치에 있다는 것을 알게되었습니다.

배경 이미지가있는 슬라이더 아래에 콘텐츠를 모두 추가하려면 어떻게해야합니까? <div id="menu"> 안에 있습니까?

JS Fiddle

+1

귀하의 바이올린은 약간의 엉망입니다 (아마 모든 누락 된 이미지 때문에). 더 시각적으로 보이게하려면 각 요소에 특정 배경색을 추가하면 언제 페이지를 쓸 때 어디에 표시되는지 더 잘 볼 수 있습니다. – Kerstomaat

답변

0

정말 명확하지 문제가 무엇인지. div에 배경 이미지를 추가하는 방법을 묻는 중입니까? 슬라이드 쇼를 절대적으로 배치해야하는 이유는 무엇입니까? 절대 위치 지정을 제거하는 것이 JS 피들을 기반으로 어떻게 엉망이되는지 말하기는 어렵습니다.

관련 문제