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

diana1975

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

Филипп Сорокин

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

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

diana1975

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

Sven

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

diana1975

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

Позиционирование модулей.

Автор Briz1

Ответов: 2
Просмотров: 466
Последний ответ 17.02.2017, 13:09:47
от vipiusss
Выравнивание блоков по высоте

Автор BrutalMan

Ответов: 6
Просмотров: 443
Последний ответ 08.08.2016, 06:30:15
от neogeek
Сетка блоков типа Grid или Inline, не могу разобраться [Решено]

Автор JaneFaint

Ответов: 7
Просмотров: 410
Последний ответ 28.07.2016, 16:36:40
от JaneFaint
Позиционирование слайдера

Автор zeus07

Ответов: 0
Просмотров: 258
Последний ответ 05.06.2016, 22:29:30
от zeus07
позиционирование

Автор deminevgen

Ответов: 7
Просмотров: 437
Последний ответ 10.05.2016, 16:09:43
от umbabaraumba