LINUX.ORG.RU

[css] Обтекаемый блок внизу div'а

 


0

0
<head>
	<title>test</title>
</head>
<body>
	<div style='width: 500px; border: 1px solid blue'>
		<div style='width: 100px; height: 100px; float: right; border: 1px solid red'></div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu neque diam, quis dictum augue. Suspendisse a velit tortor, a laoreet ante. Proin erat ligula, scelerisque ac tempor eu, placerat vel arcu. Pellentesque aliquet leo gravida mi semper porttitor. Sed tristique lobortis odio id condimentum. Fusce euismod volutpat turpis id vulputate. Vestibulum tincidunt augue et odio ullamcorper luctus. Phasellus aliquet commodo ante sed interdum. Pellentesque eu nulla nibh, vitae elementum eros. Donec vel dapibus nibh. Nulla eleifend commodo tortor a varius. Proin sit amet aliquam sapien. Vestibulum in lectus a ipsum blandit congue.
	</div>
</body>

Результат

Задача: опустить красный блок в нижний правый угол синего, сохраняя обтекание текстом

Возможно ли такое с произвольной высотой синего дива?

★★★★★

да, не выходит каменный цветок

pained
()

Блочные и инлайн элементы внутри дива — fail :}

А так, думается мне, что нельзя сделать то, что ты хочешь.

Deleted
()
Ответ на: комментарий от wfrr

>если вставить красный блок денить в середине текста
Текст будет редактируемый. Можно конечно попробывать отсчитывать N символов от конца текста, но там могут быть параграфы, рисунки (html-код).

З.Ы. Просто на бэкграунде внешнего блока (синего) будет рисунок, и он должен обтекаться текстом

xorik ★★★★★
() автор топика
Ответ на: комментарий от Deleted

>Блочные и инлайн элементы внутри дива — fail :}
почему фейл? :)

>А так, думается мне, что нельзя сделать то, что ты хочешь.

Да, я вот тоже так думаю... Хотя есть у меня мысль через грязный хак с javascript

xorik ★★★★★
() автор топика
Ответ на: комментарий от xorik

Хотя есть у меня мысль через грязный хак с javascript

Не боишься быть преданным анафеме?

wfrr ★★☆
()
Ответ на: комментарий от xorik

>Просто на бэкграунде внешнего блока (синего) будет рисунок, и он должен обтекаться текстом

Это не просто, это BDSM для вебдизайнеров.

Тут либо:
воткнуть рисунок в текст
задать диву абсолютное позиционирование, ведь фон то не будет перемещатся

wfrr ★★☆
()
Ответ на: комментарий от xorik

Реквестирую булевы операции с дивами в css :)

xorik ★★★★★
() автор топика
Ответ на: комментарий от xorik

>почему фейл? :)

Почитай стандарт — либо блоки, либо инлайн, но не то и другое вместе :}

Deleted
()
Ответ на: комментарий от xorik

В конце текста не получится то, что ты хочешь :}

Deleted
()

быстро прикинул, но могу ошибаться: если размесить див, который будет обтекаться текстом под дивом с текстом и задать первому маргин-топ отрицательный на высоту блока? не?

anonymous
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.