Как втулить два relative div-а в один родительский?

[nikudza]

Итак, дано:

<div id="content"> - position:relative;
 <div id="main"></div> - position:relative; margin-right:250px;
 <div id="sidebar"></div> - width:250px; position - ?
</div>

Есть родительский div - content. position:relative.

В нем два других - main и sidebar.

Main - слева. Sidebar (250px) - должен быть - справа.

Main - position:relative, правый margin - 250px - по ширине sidebar-а.

Если прописываю sidebar-у float:right - он остается справа, но уезжает вниз.

Если делаю sidebar тоже relative, то он уезжает вообще под main, даже если ставлю top:0; right:0;

И только если sidebar position:absolute - всё норм. Но тогда он кладет на правила родительского div, что меня не устраивает.

Как разместить оба дочерних div-а в одном родителе, используя position:relative - один слева, другой справа? На одном уровне.

[Softlink]

  On 5/22/2011 at 12:57 AM, nikudza said:

Итак, дано:

<div id="content"> - position:relative;
 <div id="main"></div> - position:relative; margin-right:250px;
 <div id="sidebar"></div> - width:250px; position - ?
</div>

Есть родительский div - content. position:relative.

В нем два других - main и sidebar.

Main - слева. Sidebar (250px) - должен быть - справа.

Main - position:relative, правый margin - 250px - по ширине sidebar-а.

Если прописываю sidebar-у float:right - он остается справа, но уезжает вниз.

Если делаю sidebar тоже relative, то он уезжает вообще под main, даже если ставлю top:0; right:0;

И только если sidebar position:absolute - всё норм. Но тогда он кладет на правила родительского div, что меня не устраивает.

Как разместить оба дочерних div-а в одном родителе, используя position:relative - один слева, другой справа? На одном уровне.

а для чего вы пишите relative для вложенных дивов?

И для начала попробуйте родительскому задать overflow:hidden. А вообще надо было и ксс скинуть сюда, или ссылку на страничку дали бы.

[buddah]

Пишите для дочерних дивов просто float:left float:right, relative там не нужен.

[nikudza]

Всем спасибо за ответы, общая проблема решена в другой теме другим способом, за что спасибо товарищу igon

Edited May 22, 2011 by nikudza

[nikudza]

Извиняюсь, но оживлю тему.

Скажите, просто из любопытства - а это вообще возможно сделать?

Вот где-то так:

[sigma77]

  On 5/23/2011 at 4:18 PM, nikudza said:

Извиняюсь, но оживлю тему.

Скажите, просто из любопытства - а это вообще возможно сделать?

Вот где-то так:

Можно. В чем, собственно, проблема?

[yujin11]

Я бы родительскому блоку задал relative, а вот вложенным absolute с координатами левый left:0; а правому соответственно right:0;.

[nikudza]

sigma77, проблема в том, что правый див уползает прямо под левый, какие бы координаты ему ни задавались.

yujin11, дык с absolute эт все могут:) Именно relative.

Edited May 24, 2011 by nikudza

[Great Rash]

http://htmlbook.ru/layout