Нестандартная структура

@lexander

Новичок
Нестандартная структура

Как реализовать такую структуру сайта?

Содержимое правого контейнера имеет только чёткую ширину, о высоте ничего не известно.
Количество левых елементов так же не известно. Применение <div> не принципиально, можно использовать любые средства, чтобы добиться результата, но, желательно, без Явы.
 

kruglov

Новичок
Эээ... там же все написано на схеме.
<div style="float:right;width:300px">right</div>
а все остальные - просто так...
 

@lexander

Новичок
Автор оригинала: kruglov
Эээ... там же все написано на схеме.
<div style="float:right;width:300px">right</div>
а все остальные - просто так...
Хе, хе, если бы всё было так просто. Схему вообще-то я сам и рисовал :)
В принципе, подобного результата можно достичь, используя в левых <div> атрибут float: left, а в нижних — clear:both;

Но проблемка именно в том, что я не знаю, какой из <div> будет левым, а какой нижним (неизвестна высота меню, высоту <div> можно рассчитать ОЧЕНЬ приблизительно).
 

bgm

&nbsp;
Т.е. требуется, чтобы "правый" <div> по высоте был равен сумме высот "левых" <div>-ов?
 

@lexander

Новичок
bgm почти, но, наверно, всё-таки наоборот. Всё упирается в изменяемую высоту меню (правый <div>)
 

SelenIT

IT-лунатик :)
@lexander
Все же попробуй вначале сделать по совету kruglovа - безо всяких float: left и clear:both где бы то ни было. Возможно, результат тебя приятно удивит :)
 

@lexander

Новичок
Всё вышло!!
Я немного поэксперементировал.
Если задавать цвет границы div, то он накладывался поверх меню. Это и ставило меня в тупик.
Надо было всего-навсего применить span

-~{}~ 14.06.06 23:23:

Ура!!!
Всем спасибо.
 
Сверху