Абсолютное позиционирование и ширина <div> (CSS)

Asar
На сайте с 23.08.2004
Offline
330
1635

Может ли при абсолютном позиционировании div-a ширина этого самого div-a быть не_ограниченной, т.е. до конца экрана? Например, так и будет с таким кодом (в FF3):

<div style="position:absolute; top:200px; left:300px; background:#0000CC">

--- Большой текст ---

</div>

Но если проставить внутрь div ограниченной ширины, то и родительский div тоже сократится:

<div style="position:absolute; top:200px; left:300px; background:#0000CC">

<div style="width:150px">

--- Большой текст ---

</div>

</div>

Это как-нибудь лечится при сохранении абсолюта?

З.Ы. А в IE6 и в первом варианте отступ справа будет. Это уж вообще неясно, откуда берется...

В общем, поможите, люди добрые!

kil
На сайте с 03.04.2006
Offline
84
kil
#1
З.Ы. А в IE6 и в первом варианте отступ справа будет. Это уж вообще неясно, откуда берется...

В ie отступы у(в) некоторых элементах по умолчанию не равны нулю. Так что {margin: 0px; padding: 0px;}

Но если проставить внутрь div ограниченной ширины, то и родительский div тоже сократится:
<div style="position:absolute; top:200px; left:300px; background:#0000CC">
<div style="width:150px">
--- Большой текст ---
</div>
</div>

А если вот так:


<div style="position:absolute; top:200px; left:300px; background:#0000CC">
<div style="width:150px">
--- Большой текст ---
</div>
--- Большой текст ---
</div>
Asar
На сайте с 23.08.2004
Offline
330
#2
kil:

А если вот так:

Пробовал. Не канает...

savage
На сайте с 10.01.2007
Offline
224
#3

Asar, вроде все работает как kil написал, или тогда не совсем понятно, что вы хотите сделать.

Купить / продать сайт ( https://www.telderi.ru/?pid=ca1f70 ) | Недорогой и надежный хостинг ( https://www.get-host.ru )
BrokenBrake
На сайте с 03.03.2007
Offline
194
#4

Asar, обнуляйте все отступы сперва, потом делайте width: 100% у блока, который позиционируете абсолютно, вот и всё. Имейте в виду, что общая ширина должна быть 100%, поэтому если есть отступы, то примерно так:

* {padding: 0; margin: 0;}

div {position: absolute; width: 98%; padding: 1%;}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий