Jump to content
  • 0

position:absolute vs float:right в IE8

Int

Asked by Int,

 Share

Question

Int Explorer

Int

Posted
Posted

Начну со ссылки: r13.fssprus.ru

Не обращайте внимания на дикую вёрстку и всеобъемлющую невалидность. Вопрос вот в чём: в ie8 всплывающее меню второго уровня находится позади нижележащих пунктов меню. z-index:1 я им всем ставил (для примера сейчас оставил один), не помогло. Что с ними ещё можно сделать? Я в волшебных свойствах IE вообще не ориентируюсь.

Сайт скоро сменят вообще весь, но хочется, чтобы это время он поработал нормально.

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0
SelenIT Explorer

SelenIT

Posted
Posted

Единственный выход — проставить пунктам разные z-index'ы, сверху вниз по убыванию (первому максимальный, последнему минимальный). По-другому,похоже, никак. А поскольку квирксмод, то и версия IE не спасет...

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted

Единственный выход — проставить пунктам разные z-index'ы, сверху вниз по убыванию (первому максимальный, последнему минимальный). По-другому,похоже, никак. А поскольку квирксмод, то и версия IE не спасет...

А авто разве не поможет? Там вроде с ним нет проблем?

А вообще у меня в ИЕ8 так же пашет, как и в ФФ. Где подвох? Давай скрины.

Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted

Правые "хвостики" нижележащих пунктов (где стрелка) в IE оказываются поверх первой "выпадачки", в FF она полностью накрывает их всех. Это из-за того, что stacking context-ы в IE определяются по позиционированному предку, и никакой z-index потомка не может заставить его перекрыть другой элемент, если у предка того элемента z-index был выше, чем у нашего элемента (прямо иллюстрация социального неравенства — потомки аристократов всегда будут смотреть свысока на того, кто сам выбился из низов). Поэтому и auto не поможет.

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted

Правые "хвостики" нижележащих пунктов (где стрелка) в IE оказываются поверх первой "выпадачки", в FF она полностью накрывает их всех.ненадежно, имхо...

Хм...странно, у меня всё нормально, правда. Вот бы скриншоты увидеть)

Всё, увидел, просто я в ИЕ9 смотрел - эмуляции. А щас решил в ИЕ-тестере открыть.

SelenIT,

Слушай, а зачем делать потомкам з-индексы, я говорил именно про предков? И разве авто в ИЕ8 не отрабатывает, как нужно? Хм...вроде ж там этот баг вылечили? :unsure:

Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted

Хм...странно, у меня всё нормально, правда. Вот бы скриншоты увидеть)

Всё, увидел, просто я в ИЕ9 смотрел - эмуляции. А щас решил в ИЕ-тестере открыть.

Странно, я тоже в IE9 открывал... Или ты через F12 режим менял на IE8? ;)

Слушай, а зачем делать потомкам з-индексы, я говорил именно про предков? И разве авто в ИЕ8 не отрабатывает, как нужно? Хм...вроде ж там этот баг вылечили? :unsure:

Авто предкам не поможет, т.к. по авто максимальный z-index достанется последнему в списке (что и происходит), а надо бы первому. В IE8 баг пофиксили, но ночью все кошки се в квирксмоде все ослы пятые...

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted

Хм...странно, у меня всё нормально, правда. Вот бы скриншоты увидеть)

Всё, увидел, просто я в ИЕ9 смотрел - эмуляции. А щас решил в ИЕ-тестере открыть.

Или ты через F12 режим менял на IE8? ;)

Ну да, именно так, а ты как делал? :)

Слушай, а зачем делать потомкам з-индексы, я говорил именно про предков? И разве авто в ИЕ8 не отрабатывает, как нужно? Хм...вроде ж там этот баг вылечили? :unsure:

Авто предкам не поможет, т.к. по авто максимальный z-index достанется последнему в списке (что и происходит), а надо бы первому. В IE8 баг пофиксили, но ночью все кошки се в квирксмоде все ослы пятые...

Ну вот, но ведь квирксмоде мы не собираемся применять?

Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted

Или ты через F12 режим менял на IE8? ;)

Ну да, именно так, а ты как делал? :)

А я просто открыл ослом, ничего не переключая :). Открылся в квирксмоде...

Ну вот, но ведь квирксмоде мы не собираемся применять?

Вообще-то Int сказал, что

Не обращайте внимания на дикую вёрстку и всеобъемлющую невалидность... Сайт скоро сменят вообще весь, но хочется, чтобы это время он поработал нормально.
Сейчас сайт рисуется в квирксмоде. Но действительно, от переключения в стандартный режим вроде ничего не ломается (вот что значит олдскульная верстка, не то что новомодные рюшки-тенюшки! :), а проблема фиксится, как минимум в IE8 и выше. Выходит, простейшее решение — просто добавить воды доктайп? Надо бегло потестить, если больше ничего (особенно опасаюсь за скрипты в FF) от этого не ляжет — то остроумный выход, как минимум временный!
Link to comment
Share on other sites
  • 0
Int Explorer

Int

Posted
  • Author
Posted

У меня есть доступ только к тому, что ниже верхнего меню и выше подвала :) Всё остальное - шаблон, предоставленный москвой. Именно поэтому FF заключает весь код в тэг <vasay name="kozlov">

Попробую ниспадающие z-index

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept