Столкновение вертикального меню CSS с переполнением: скрыто? - PullRequest
Новая
       22

Столкновение вертикального меню CSS с переполнением: скрыто?

2 голосов
/ 04 февраля 2011

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

Это работало нормально, пока я недавно не добавил масштабируемые по высоте div, http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm.

Меню все еще работает,но так или иначе это расширяется ниже содержания div.Я предполагаю, что это как-то связано со значением переполнения, но я не смог найти никакого решения.Стоит отметить, что меню отлично работает в IE8, но не в Firefox или Safari.Поскольку CSS довольно обширный, я добавляю ссылки, а не пример кода - надеюсь, что все в порядке.

Заранее спасибо!:)

Сайт находится на http://dev.velkos.no/exigo, CSS для сайта, и меню можно найти, добавив / CSS (из-за моего статуса новичка здесь, в Stackoverflow, я не могу публиковать больше ссылок).

Ответы [ 2 ]

1 голос
/ 04 февраля 2011

Добавление position: relative и z-index: -1 к .container2 исправляет это в Firefox / Chrome, и это ничего не меняет в IE8.

Не работает должным образом -см. комментарии.

0 голосов
/ 04 февраля 2011

Попытка # 2:)

Протестировано в Firefox, Chrome, IE8.

  • Удалить мою предыдущую попытку.В .container2 удалите: position: relative / z-index: -1.
  • В #menuh-container добавьте: position: relative и z-index: 501 (на один больше, чем значение z-index в #menuh ul ul)

Это исправляет Firefox / Chrome, но ломает IE.

Теперь, чтобы исправить IE ..

Единственный способ найти это - удалитьfilter правило от #menuh-container.Буквально удаление filter исправляет его, добавляя его обратно, ломает его.

Я надеюсь, что ваш сайт все еще выглядит приемлемым для вас в IE8 без правила filter.

В IE7 это выглядит так:

enter image description here

...