Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#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 разработал мержевич? wink

Нет на форуме

 

#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

Почему в левом, скорее всего в правом smile


http://prostosait.com.ua/ -узнай об верстке больше

Нет на форуме

 

Board footer