2012-05-13 4 views
0

Я не эксперт по CSS, но я считаю, что моя задача очень проста/базовая для вас, экспертов. Заранее спасибо за вашу помощь.Элемент наложения/перекрытия элемента CSS

Update # 1: HTML/код CSS здесь: http://jsfiddle.net/x5buy/3

Скриншоты также: Это текущий общепринятый макет: http://img31.imageshack.us/img31/5198/56133492.png

мне нужно добавить больше деталей к навигации, но макет поврежден, см: http://img9.imageshack.us/img9/1058/21950608.png

И вот результат мне нужно достигнуть:http://img13.imageshack.us/img13/9349/45543510.png

Здесь текущий ответственный код CSS ..

Заголовок Главная Контейнер: http://img406.imageshack.us/img406/7692/5132pm.png

Заголовок Содержание: http://img442.imageshack.us/img442/4977/513201222222pm.png

Навигация: http://img269.imageshack.us/img269/6426/513201222314pm.png

+1

С этим невозможно работать. Пожалуйста, сделайте скрипку @ http://www.jsfiddle.net –

+0

Обновлено: http://jsfiddle.net/x5buy/3/ – Omranic

+0

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

ответ

1

Это трудно выясните, что происходит, потому что это не точный копия того, что вы показывали на снимках экрана.

В любом случае, кажется довольно ясным, что ваше верхнее меню нажато, потому что левый <div id="caption"> довольно большой. Выход состоит в том, чтобы сделать <ul id="navigation"> абсолютно позиционированным в пределах <div class="content"> (измените индекс z, если вам нужно).

+0

По крайней мере, это демонстрирует то же поведение и в отношении z-индекса. Я не разработчик пользовательского интерфейса и не CSS-эксперт, поэтому я не знаю, как его исправить. Если вы можете помочь, пожалуйста, проявите свою доброту и поделитесь правильным кодом. – Omranic

+0

Это то, что @Daniel написал в своем ответе. –

+0

@ Даниэль отправил ценный код, но он не работал правильно на живую, кроме того, кажется, что он удалил свой пост, не знаю почему! У тебя есть какой-нибудь совет? Сообщение обновлено со ссылкой на сайт .. – Omranic

Смежные вопросы