Форум XHTML.ru <!-- по-русски -->
Сайты - по стандартам, но не стандартные сайты!
Страниц: 1
- Главная
- » Вёрстка по стандартам (x)HTML + CSS
- » div c position:absolute внутри position:relative
#1 19.09.2008 17:27
div c position:absolute внутри position:relative
Как известно, если диву задать свойство position:absolute - то
Положение элемента задается атрибутами left, top, right и bottom относительно края окна браузера. ( цитата с htmlbook.ru).
Но если этот див вставить в див с position:relative - то он уже сдвигается относительно этого дива. Объясните, пожалуйста, почему так, или на htmlbook.ру - ошибка ?
Нет на форуме
#2 19.09.2008 20:12
Re: div c position:absolute внутри position:relative
Но если этот див вставить в див с position:relative - то он уже сдвигается относительно этого дива. Объясните, пожалуйста, почему так, или на htmlbook.ру - ошибка ?
Все правильно, любой элемент, с position:absolute как бы "проверяет", прописано ли у родителя свой position. И соотвественно, если ни у одного "родителя" конкретного элемента position не прописан, то так доходит до элемента body.
С уважением, Вашурин Владимир.
Нет на форуме
#3 19.09.2008 20:18
- Р.Ы.
- Разбирающийся
- Откуда: Харцызск, Украина
- Зарегистрирован: 16.02.2006
- Сообщений: 57
Re: div c position:absolute внутри position:relative
На htmlbook.ru действительно ошибка. Поведение, описанное тобой, абсолютно верное. Вернее было сказать так - положение элемента задается атрибутами left, top, right и bottom относительно ближайшего элемента-родителя, у которого position есть relative или absolute, или если такого нету - относительно края окна браузера.
Нет на форуме
#7 22.01.2010 12:11
- rewiaca
- Новичок
- Зарегистрирован: 22.01.2010
- Сообщений: 1
Re: div c position:absolute внутри position:relative
Ребята, а насколько верно и кросс-браузерно такое решение:
<div style="position:relative">
<div style="position:absolute;bottom:0px;right:0px">
</div>
</div>
По идеи во всех браузерах даже в IE6 внутренний див будет в левом нижнем углу родительского дива?
Нет на форуме
#8 09.02.2010 22:36
Re: div c position:absolute внутри position:relative
Почему в левом, скорее всего в правом 
http://www.prostosait.com.ua/ -узнай об верстке больше
Нет на форуме
Страниц: 1
- Главная
- » Вёрстка по стандартам (x)HTML + CSS
- » div c position:absolute внутри position:relative