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

diana1975

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

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

  • Завсегдатай
  • 1918
  • 160 / 4
  • разработчик.москва
Re: позиционирование блоков
« Ответ #1 : 21.01.2016, 18:10:46 »
Естественно, он не будет, т.к. абсолютно позиционирован. Для начала необходимо прикрепить модуль поиска на ту же позицию, что и модуль авторизации, и только потом колдовать со стилями.
*

diana1975

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

Sven

  • Захожу иногда
  • 107
  • 6 / 5
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

  • Захожу иногда
  • 245
  • 1 / 0
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), а тебе надо, чтобы ребенок был выше слоем, чем сосед, то этого не получится, т.к. он выше пятого слоя не пробьется... плюсую
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор Frost_

Ответов: 4
Просмотров: 1262
Последний ответ 25.01.2023, 11:36:57
от Frost_
Перенос блоков

Автор Forgiving

Ответов: 0
Просмотров: 722
Последний ответ 15.03.2020, 10:22:43
от Forgiving
Позиционирование модулей.

Автор Briz1

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

Автор BrutalMan

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

Автор JaneFaint

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