Народ, выручайте... как разместить два слоя с позиционированием RELATIVE друг за другом по горизонтали?
Суть вопроса: есть главный слой content, которой включает слои menu и main. Меню располагается слева, контент - справа. Т.е.

<div id='content'>
<div id='menu'>
<p>menu1</p>
….
</div>
<div id='main'>
… content …
</div>
</div>

Проблема в том, что у слоёв menu и main должны быть position: relative , чтобы слой content был резиновым в зависимости и от menu, и от main.

Немного поясню картину, сумбурно объяснил...

Меню может иметь ширину больше контента, а может быть, и наоборот. Самый верхний в иерархии слой (content) должен изменять свою высоту в зависимости от самого высокого слоя внутри, т.к. за ним идёт футер. А получается это только если у обоих внутренних слоёв позиция relative. Если позицию любого из внутренних слоёв указать как absolute, верхний слой имеет высоту такую, какую имеет слой с позицией relative, и макет разъезжается...

P.S.

Если указать обоим слоям relative, то второй (content) размещается ПОД menu... и как это поборить не знаю

Konyukhov, лучше один раз увидеть …

http://duma.nojabrsk.info/indexnew.php

контент должен иметь top такой же как у меню

Я на предудыщем макете эту проблему решил с помощью Java Script - сравнивал высоту слоёв, и прозрачный GIF добавлял с высотой нужной...

http://duma.nojabrsk.info

Konyukhov, слои обычно делают float, а в конце ставят clear. Подробности можно подсмотреть здесь http://webhost.bridgew.edu/etribou/layouts/index.html

Konyukhov, не ленитесь пройтись поиском по форуму.
Для старта:
http://webhost.bridgew.edu/etribou/layouts/skidoo/
http://webhost.bridgew.edu/etribou/layouts/index.html
http://www.thenoodleincident.com/tutori … boxes.html
http://www.positioniseverything.net/art … t/examples
http://www.ssi-developer.net/main/templates/

http://xpoint.ru/forums/internet/html_css/index.xhtml
http://alistapart.com/topics/design/layout/
http://www.alvit.de/handbook/
http://www.webmascon.com/topics/coding/

Попробовал решить проблему отрицательным значением top. Работает, но смещение опять же нужно вычислять с помощью js, т.к. меню имеет переменную высоту. Пока хочу попытаться решить задачу без js и тем более таблиц.

karamba, спасибо! Понравилось элегантное решение в виде <ol><li> и float.