Вопрос по html div и текст

← →
KilkennyCat © (2011-05-11 12:03) [0]

Страница - прямоугольник. Делим его мысленно на четыре равных прямоугольника. верхний левый - это самостоятельный DIV, оставшиеся три части - это должен быть как бы второй самостоятельный DIV. Суть в чем - текст должен быть расположен в верхней правой части, если по высоте его не хватает - продолжаться уже ниже в обеих нижних частях. Ширина дивов фиксирована. Размеры выделенного верхнего левого дива фиксированны. Див с текстом резиновый по высоте.
Такое возможно сверстать? с первого наскока у меня не получилось, и ничего умнее для текста, кроме как сделать два дива, верхний правый и общий нижний, я не придумал...

← →
Inovet © (2011-05-11 12:21) [1]

> [0] KilkennyCat © (11.05.11 12:03)
> ничего умнее для текста, кроме как сделать два дива, верхний
> правый и общий нижний, я не придумал

А чем так плохо? В ФР, к примеру, так и делается.

← →
KilkennyCat © (2011-05-11 12:33) [2]

Плохо для конечного пользователя CMS. Это я за 5 секунд забью и туда и сюда, подкорректирую и все будет отображаться красиво. а какой-нить рядовой сотрудник... ему проще, если нужно редактировать одно поле.

← →
Inovet © (2011-05-11 12:40) [3]

Так ему надо редактировать, чтобы сразу вокрук картинки обтекал, как в Ворде? А что нельзя сделать не "что вижу, то получаю", пусть вводит в какойнибудь прямоугольник, а потом обтекает. Только перетекать в нижний неадо по мере заполнения верхнего.

← →
palva © (2011-05-11 12:41) [4]

Классический случай обтекания. У первого дива надо указать float:left, width, height ну и, если надо, padding, border, font и т. д., Следующий текст обычный, он будет "обтекать". Если надо прекратить обтекание, когда правый див еще не заполнен, а нужно перейти на нижний див, то пишут <br style="clear: both">

← →
palva © (2011-05-11 12:44) [5]

Если надо обтекать картинку или таблицу, то возможны варианты верстки без CSS. Там возможен атрибут fload=left

<html> <head> <title>Div Test</title> </head> <body> <div id="big" style="width: 500px; background-color: #999;"> <div id="lefttop" style="float: left; width: 250px; background-color: red;"> <h1>Left Top</h1> </div> <p>Main<br />Main<br />Main<br />Main<br />Main<br />Main<br /></p> </div> </body> </html>

Понял, всем спасибо!

Вопрос по html div и текст Найти похожие ветки