2013-10-03 3 views
0

괜찮습니다. 여기에는 100 % 너비 레이아웃이 있는데, 왼쪽에 하위 메뉴가 있고 왼쪽에 컨텐트가있는 링크가있는 메뉴가 있습니다. 하위 메뉴는 Z- 색인이 99이므로 오른쪽 콘텐츠 영역의 링크를 클릭 할 수 없습니다. 내 하위 메뉴는 전체 영역이 중앙에서 1000px이고 자동 오른쪽 및 왼쪽 여백이 있도록 설정되어 있으므로 하위 메뉴가 주 콘텐츠 영역의 상단에 위치합니다. 센터에서 1000 픽셀을 사용하지 않고 위치를 변경하려고 시도했지만 콘텐츠의 왼쪽에 그대로 유지되도록 작동하지 못했습니다. 포인터를 사용하여 시도 : 오른쪽 CSS 링크가 작동하도록하지만 하위 메뉴 단추 링크를 사용할 수 있도록 하위 메뉴에 대한 없음 CSS.링크가있는 계층화 된 div는 모두 작동하지 않습니다.

기본적으로 필요한 것은 계층화 된 div에 링크가있는 솔루션입니다 ... 많은 자바 스크립트는 모르지만 모든 브라우저에서 작동하는 솔루션이 있습니까? 여기

는 사이트 디자인 http://liquidchrome.net/price_transfer/terminal-contacts.html

당신은 상단 링크의 오른쪽의 내용 영역 작업과 없음 만 맨 아래 링크를 클릭 할 수있는 것을 알 수 있습니다에 대한 링크입니다.

고맙습니다.

답변

0

사용중인 HTML 구조가 문제인 것 같습니다. 그것이 필요가 없을 때 지나치게 복잡해 보입니다.

난 당신이 예 내가 그 길을 갈 수

http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

+0

아래 링크에서와 같이 핵심 요소의 기본 레이아웃을 재구성 있지만 중앙 컨테이너 영역을 넘어 배치되는 내 배경 이미지 요소를 제한하는 것이 좋습니다. ..thats 왜 내가 backgounds에 대한 더 많은 영역을 가지고 있도록 100 % 너비 패널로 갔다 ... 만약 내가이 상자 모델 설정을 사용하여 restructer해야 할 것입니다 내 현재 설치 솔루션을 찾을 수 없습니다. – user2843298

+0

배경 이미지가 필요한 터미널 계약 섹션에 대해 100 % 컨테이너를 사용할 수 있습니다. 아래의 콘텐츠 영역은 고정 된 크기 여야하며 한 div가 탐색에 대해 왼쪽으로 그리고 콘텐츠에 대해 오른쪽으로 한 번 띄워 져야합니다. 정말 간단합니다. – grimmus