div в правом нижнем углу

[anatoliy86]

Надо разместить див в правом нижнем углу другого дива. Если писать position:absolute; right:0; bottom:0. Он размещается, где надо, но текст внешнего дива прячется под этот див, а нужно, чтоб он обтекался. Если написать margin-top:-250px; float:right; — аналогично: блок размещается, где надо, но не обтекается текстом.

Edited August 29, 2011 by anatoliy86

[Gaspode]

Покажите, как должно выглядеть.

[anatoliy86]

Покажите, как должно выглядеть.

что-то вроде такого:

[sigma77]

Надо разместить див в правом нижнем углу другого дива. Если писать position:absolute; right:0; bottom:0. Он размещается, где надо, но текст внешнего дива прячется под этот див, а нужно, чтоб он обтекался. Если написать margin-top:-250px; float:right; — аналогично: блок размещается, где надо, но не обтекается текстом.

http://forum.htmlbook.ru/index.php?showtopic=28813&st=0&p=217677&fromsearch=1entry217677

Оно?

[anatoliy86]

Надо разместить див в правом нижнем углу другого дива. Если писать position:absolute; right:0; bottom:0. Он размещается, где надо, но текст внешнего дива прячется под этот див, а нужно, чтоб он обтекался. Если написать margin-top:-250px; float:right; — аналогично: блок размещается, где надо, но не обтекается текстом.

http://forum.htmlbook.ru/index.php?showtopic=28813&st=0&p=217677&fromsearch=1entry217677

Оно?

Похоже, но я там не вижу решения.

[sigma77]

Похоже, но я там не вижу решения.

http://forum.htmlbook.ru/index.php?showtopic=28813&view=findpost&p=217837

Ну или прямая ссылка - http://jsfiddle.net/mCuxx/10/

Если известна высота родительского блока и плавающего, всё делается на чистом css

[Gaspode]

Да его и нет, по ходу. Разве что делить "имитировать" обтекание: один блок сверху, другой слева.

http://forum.htmlboo...ndpost&p=217837

Наползает же.

Edited August 29, 2011 by Gaspode

[anatoliy86]

Если известна высота родительского блока и плавающего, всё делается на чистом css

Высота обтекаемого блока известна, а родителського — нефиксированна

[sigma77]

Да его и нет, по ходу. Разве что делить "имитировать" обтекание: один блок сверху, другой слева.

http://forum.htmlboo...ndpost&p=217837

Наползает же.

Куда наползает?

Если известна высота родительского блока и плавающего, всё делается на чистом css

Высота обтекаемого блока известна, а родителського — нефиксированна

Тогда только js

[Gaspode]

Куда наползает?

Текст на обтекаемый блок. Уже не наползает о_0 Наползало, я видел >_<!

[anatoliy86]

Похоже, но я там не вижу решения.

http://forum.htmlbook.ru/index.php?showtopic=28813&view=findpost&p=217837

Ну или прямая ссылка - http://jsfiddle.net/mCuxx/10/

Если известна высота родительского блока и плавающего, всё делается на чистом css

Но там маленький блок находится внизу видимой области экрана, а не родительского дива (если сузить окно, появится прокрутка справа, но блок остаётся на месте).

[sigma77]

Но там маленький блок находится внизу видимой области экрана, а не родительского дива (если сузить окно, появится прокрутка справа, но блок остаётся на месте).

Это просто пример решения, который можно допииливать под свои нужды. Высота блоков сейчас высчитывается только при загрузке страницы. Соответственно, чтобы она пересчитывалась при изменении размеров окна нужно добавить событие onresize (http://jsfiddle.net/mCuxx/13/)

Edited August 29, 2011 by sigma77