Форум XHTML.ru <!-- по-русски -->

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


#1 07.07.2008 00:25

Glook
Разбирающийся
Зарегистрирован: 14.01.2007
Сообщений: 142

Абсолютное позиционирование и ширина

Код:

<div style="position:absolute; background:red; right:0; top:0">
       <p style="float:right; background:#666">Первый блок</p>
       <p style="float:right; background:#999">Второй блок</p>
</div>

Почему даже у такой простой конструкции в Internet Explorer какие то заморочки?

Подскажите плиз, как заставить абсолютно позиционированный блок не растягиваться на всю ширину страницы?
Интересно, что такой глюк исчезает если задать параграфам float:left...

по коду: фоновый цвет задан для наглядности, доктайп ни на что не вляет
ОПА! Баг оказывается не только в Internet Explorer, но ещё и в Mozilla Firefox 2!!! Это что-то новенькое mad

Отредактированно Glook (07.07.2008 11:55)

Нет на форуме

 

#2 07.07.2008 01:40

Octane
Опытный
Откуда: Волгоград
Зарегистрирован: 05.03.2008
Сообщений: 220
Вебсайт

Re: Абсолютное позиционирование и ширина

Наверное никак :-) Если в не мне будет кликабельных элементов, можно установить минимальные размеры и oveflow: visible;

Отредактированно Octane (07.07.2008 01:41)


[url=http://code.google.com/p/js-core/]javascript framework[/url]

Нет на форуме

 

#3 07.07.2008 12:22

Glook
Разбирающийся
Зарегистрирован: 14.01.2007
Сообщений: 142

Re: Абсолютное позиционирование и ширина

Octane написал:

Если в не мне будет кликабельных элементов, можно установить минимальные размеры и oveflow: visible;

Это не работает

Отредактированно Glook (07.07.2008 12:22)

Нет на форуме

 

#4 07.07.2008 12:58

Zigzag
Новичок
Откуда: Minsk/Belarus
Зарегистрирован: 27.05.2006
Сообщений: 30
Вебсайт

Re: Абсолютное позиционирование и ширина

Glook, и IE и FF ведут себя абсолютно правильно. Вы позиционируете абсолютно блок, но не параграфы, а абсолютно позиционированный блочный элемент растягивается на ширину своего содержимого, которая в приведенном вами случае ни чем не ограничена и занимает 100% возможного пространства, т.к. элемент блочный.

Нет на форуме

 

#5 07.07.2008 13:14

Glook
Разбирающийся
Зарегистрирован: 14.01.2007
Сообщений: 142

Re: Абсолютное позиционирование и ширина

Zigzag написал:

Glook, и IE и FF ведут себя абсолютно правильно. Вы позиционируете абсолютно блок, но не параграфы, а абсолютно позиционированный блочный элемент растягивается на ширину своего содержимого, которая в приведенном вами случае ни чем не ограничена и занимает 100% возможного пространства, т.к. элемент блочный.

Во-первых: Я бы с вами согласился, если бы такое же поведение было бы при установке параграфам float:left
Во вторых: в приведённом мною примере ширина ограничивается. самим свойством float.  не указав явно ширину, мы делаем его "резиновым", тоесть он НЕ будет занимать 100% ширины от родительского блока, а будет ограничен по ширине собственным содержимым.

Нет на форуме

 

Board footer

Работает на PunBB
© 2002—2005 Rickard Andersson