Ильюха
Новичок
Дата регистрации:
21.11.2013 22:53:48
Сообщений: 18
Здравствуйте! :-)
Беда такая. Имею горизонтальное вываливающиеся меню и текст под ним.
Так вот когда вываливаются подменюшки, то под ними текст пляшет (они текст смещают).
Что-то я походу намудрил с position'ами и z-index'ами..
Гуглил, но нигде ответа не нашёл. Наверно совсем ошибка детская..
Выручите советом? :-)
Ильюха
Новичок
Дата регистрации:
21.11.2013 22:53:48
Сообщений: 18
О.. нашёл виновника..
Теперь два варианта:
1. Меню имеет position: relative, центровку margin: 0 auto и пляшущий текст.
2. Меню имеет position: absolute, cтабильный текст, но... Отцентровать не могу. :-)
Т.е. я немного наврал..
Отцентровать могу:
.menu {
height: 30px;
width: 900px;
position: absolute;
left: 50%;
margin-left: -450px;
z-index:3;
}
Но меня немного смущает код.. Поделить ширину объекта (меню) пополам и поставить в центр. Но он центрует! Или так не корректно?
alexandrdante
Модератор
Дата регистрации:
15.11.2013 15:33:40
Сообщений: 207
надо хотя бы кусок кода смотреть,отвечающий за блок меню и за блок с текстом. Иначе ничего не скажешь.
А вообще попробуйте с margin поиграться.уберите auto
что касается position:absolute
там есть параметры
left
right
top
отвечающие за смещение) двигайте меню ими
ilyadenisovid
Мастер
Дата регистрации:
28.01.2013 18:32:29
Сообщений: 213
замени вот на это свой z-index
z-index: 999;
Ильюха
Новичок
Дата регистрации:
21.11.2013 22:53:48
Сообщений: 18
Заменил.
В первом варианте без изменений. 999 - есть какой-то секрет?
Мне не очень понятно, почему меню со свойством relative опознаётся и центруется по указанным границам height/width, а со свойством absolute - нет. Ставлю margin: 0 auto и меню тупо утыкается в левую сторону.. :-)
left: 50%;
margin-left: -450px;
}
- это извращение или нормальный код?
ilyadenisovid
Мастер
Дата регистрации:
28.01.2013 18:32:29
Сообщений: 213
absolute - это и значит, что положение абсолютное, то есть не меняется, поэтому и не работают свойства
alexandrdante
Модератор
Дата регистрации:
15.11.2013 15:33:40
Сообщений: 207
положение absolute просто не зависит от остальных элементов на странице.Грубо говоря - у него нет родителя,впринципе =)
Ильюха
Новичок
Дата регистрации:
21.11.2013 22:53:48
Сообщений: 18
Это я понимаю. Не понятно только почему на абсолютную позицию не действует margin: auto. Ведь границы страницы и параметры объекта определяются.
alexandrdante
Модератор
Дата регистрации:
15.11.2013 15:33:40
Сообщений: 207
Вот Вам интересная и подробная статья:
http://habrahabr.ru/post/123250/
