Многослойные div с ссылками на обоих не работают

Question

Хорошо, у меня есть макет ширины 100% здесь, и у меня есть подменю слева и содержимое в правой части меню, в котором есть ссылки, по которым нельзя щелкать, потому что в левом подменю есть z-индекс 99, так что я не может нажимать на ссылки в правой части области содержимого. Мое подменю настроено так, что общая площадь составляет 1000 пикселей в центре, а затем автоматически правое и левое поля, так что подменю располагается сверху в основной области содержимого. Я попытался изменить положение, не используя 1000px в центре, но не смог заставить его работать так, чтобы он оставался слева от содержимого. Я попытался использовать указатель: нет css для подменю, которое позволяет ссылкам с правой стороны работать, но затем отключает ссылки кнопок подменю.

По сути, мне нужно решение, которое позволило бы обоим многослойным элементам div иметь ссылки на них... Я не знаю много javascript, но есть ли решение, которое будет работать во всех браузерах?

Вот ссылка на дизайн сайта http://liquidchrome.net/price_transfer/terminal-contacts.html

Вы можете видеть, что работают только самые нижние ссылки в правой части содержимого, и ни одна из верхних ссылок не активируется.

благодарю вас

Answer 1

Кажется, проблема в используемой HTML-структуре. Это кажется слишком сложным, когда это не нужно.

Я предлагаю вам реструктурировать базовый макет основных элементов, как в ссылке ниже

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