позиционирование блоков

  • 4 Ответов
  • 289 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн diana1975

позиционирование блоков
« : 21.01.2016, 20:01:53 »
Всем привет, не получается  сделать так, чтобы блок поиска был под блоком входа на сайт...
 Вот фото   http://prntscr.com/9syels и ссылка на сайт
Конечно, в коде чем больше копалась, тем лучше не становился, вроде все по правилам: чем больше z-index, тем выше блок по слоям, не нашла причину такого поведения блока поиска.

Re: позиционирование блоков
« Ответ #1 : 21.01.2016, 20:10:46 »
Естественно, он не будет, т.к. абсолютно позиционирован. Для начала необходимо прикрепить модуль поиска на ту же позицию, что и модуль авторизации, и только потом колдовать со стилями.
Ставь лайк, если согласен, и делай репост!

  => мои публикации
    => мои работы
      => спектр моих услуг

*

Оффлайн diana1975

Re: позиционирование блоков
« Ответ #2 : 21.01.2016, 20:43:44 »
дело в том, что в мобильном варианте у меня header исчезает, а поиск пришлось оттуда убрать, т.к. он мне нужен. Вы мне объясните, почему при двух абсолютно позиционированных блоках выше находится тот, у которого z-index  меньше, т.е. в моем случае блок поиска с z-index=2  выше. чем блок входа на сайт с z-index = 2000?

*

Оффлайн Sven

Re: позиционирование блоков
« Ответ #3 : 21.01.2016, 23:35:13 »
С z-index не все так просто, там от родителя еще зависит. Например, если у родителя z-index=1, а в него вложен блок с z-index=2000, то блоки которые не вложены в этого родителя будут выше если у них z-index=2.
Там че то у вас мудрено слишком верстка.. попробуйте блок <div class="poisk"> вложить в хотя бы в <div id="main">. Короче вложить вам его надо в какого-то общего родителя.

*

Оффлайн diana1975

Re: позиционирование блоков
« Ответ #4 : 22.01.2016, 10:49:14 »
В точку!! спасибо, sven. Действительно, дело было в контейнере-родителе блока-входа, который был с z-index=1. Извлекаем из пройденного урок по нестатик-блокам: Если у родителя-блока с position:absolute  z-index=5, то у ребенка больше 5 z-index не будет, какую бы многозначную цифру ты ни  ставил. Тем более, как это было в моем случае, если у соседа родителя z-index больше (например, z-index=10), а тебе надо, чтобы ребенок был выше слоем, чем сосед, то этого не получится, т.к. он выше пятого слоя не пробьется... плюсую