Форум hotibo.ru
Сайты - по стандартам, но не стандартные сайты!
Страниц: 1
- Главная
- » Вёрстка по стандартам (x)HTML + CSS
- » div c position:absolute внутри position:relative
#1 19.09.2012 17:27
- illusions
- Новичок
- Зарегистрирован: 10.09.2012
- Сообщений: 7
- Вебсайт
div c position:absolute внутри position:relative
Как известно, если диву задать свойство position:absolute - то
Положение элемента задается атрибутами left, top, right и bottom относительно края окна браузера. ( цитата с htmlbook.ru).
Но если этот див вставить в див с position:relative - то он уже сдвигается относительно этого дива. Объясните, пожалуйста, почему так, или на htmlbook.ру - ошибка ?
Нет на форуме
#2 19.09.2012 20:12
- vashurin
- Moderator
- Зарегистрирован: 14.09.2010
- Сообщений: 273
- Вебсайт
Re: div c position:absolute внутри position:relative
Но если этот див вставить в див с position:relative - то он уже сдвигается относительно этого дива. Объясните, пожалуйста, почему так, или на htmlbook.ру - ошибка ?
Все правильно, любой элемент, с position:absolute как бы "проверяет", прописано ли у родителя свой position. И соотвественно, если ни у одного "родителя" конкретного элемента position не прописан, то так доходит до элемента body.
С уважением, Вашурин Владимир.
Нет на форуме
#3 19.09.2012 20:18
- Р.Ы.
- Разбирающийся
- Откуда: Харцызск, Украина
- Зарегистрирован: 16.02.2010
- Сообщений: 56
Re: div c position:absolute внутри position:relative
На htmlbook.ru действительно ошибка. Поведение, описанное тобой, абсолютно верное. Вернее было сказать так - положение элемента задается атрибутами left, top, right и bottom относительно ближайшего элемента-родителя, у которого position есть relative или absolute, или если такого нету - относительно края окна браузера.
Нет на форуме
#4 20.09.2012 20:14
- illusions
- Новичок
- Зарегистрирован: 10.09.2012
- Сообщений: 7
- Вебсайт
Re: div c position:absolute внутри position:relative
Понятно, хтмлбоок.ру доверял на 100%, а тут неточность у них влезла.
Нет на форуме
#5 21.09.2012 01:30
- alemiks
- Опытный
- Откуда: Voronezh
- Зарегистрирован: 09.04.2010
- Сообщений: 256
- Вебсайт
Re: div c position:absolute внутри position:relative
illusions, вы пробовали сначала посмотреть в спецификации css, или думаете, что css разработал мержевич? 
Нет на форуме
#6 29.10.2012 19:36
- illusions
- Новичок
- Зарегистрирован: 10.09.2012
- Сообщений: 7
- Вебсайт
Re: div c position:absolute внутри position:relative
В спецификацию не смотрел, но хтмлбоок.ру - все таки авторитетный сайт.
Нет на форуме
#7 22.01.2014 12:11
- rewiaca
- Новичок
- Зарегистрирован: 22.01.2014
- Сообщений: 1
Re: div c position:absolute внутри position:relative
Ребята, а насколько верно и кросс-браузерно такое решение:
По идеи во всех браузерах даже в IE6 внутренний див будет в левом нижнем углу родительского дива?
Нет на форуме
#8 09.02.2014 22:36
- shapovala
- Новичок
- Откуда: Киев
- Зарегистрирован: 09.02.2014
- Сообщений: 6
- Вебсайт
Re: div c position:absolute внутри position:relative
Почему в левом, скорее всего в правом 
http://prostosait.com.ua/ -узнай об верстке больше
Нет на форуме
Страниц: 1
- Главная
- » Вёрстка по стандартам (x)HTML + CSS
- » div c position:absolute внутри position:relative