Вопрос по CSS @ DeForum.ru

Проблема такая. Имеется блок. В нем картинка и текст. У блока есть border:1px . Нужно что бы текст обтекал картинку при изменении размера окна броузера, а border обрамлял весь блок. А он гад [img]images/smiles/icon_smile.gif[/img] только текст обтекает. http://www.tvstolica.ru/newtv/index03.html
Если указывать height для блока равной высоте картинки, в IE работает все как нужно, в Opera - нет.http://www.tvstolica.ru/newtv/index04.html
Попробовал указать min-height равной высоте картинки - в Opera работает все как нужно, в IE - нет.
http://www.tvstolica.ru/newtv/index02.html
Пробовал указывать height и min-height одновременно, ничего не получается.
Есть ли выход? Или придется посать разные таблицы, для разных броузеров?

<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">code:</font><HR><pre>
<style>
body {
margin:10px;
padding:0;
background:#FFF;}
#box01 {
border: 1px solid #000;
height: 140px;
}
</style>
</head>

<body>
<div id="box01">
<img src="i/air.jpg" width="200" height="140" align="left">
Столичные парки …….</div>
</pre><HR></BLOCKQUOTE>

[ 29 Января 2003: Исправлено Crazy ]

Crazy
ну, так-то оно так
но что скажет старая нетскапа? [img]images/smiles/icon_biggrin.gif[/img]

Я недавно выбросил на мусорку:
старый диван
старый комод
старый нетШКАФ

Практически принял окончательное решение.

Crazy
Если так сделать то в опере бордер только картинку обтекает, а текст выходит за границы блока.

<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">quote:</font><HR>Автор Сообщения RedHomo:
<STRONG>Crazy
ну, так-то оно так
но что скажет старая нетскапа? [img]images/smiles/icon_biggrin.gif[/img]</STRONG><HR></BLOCKQUOTE>

Мы про CSS или про старый шкаф? [img]images/smiles/icon_smile.gif[/img]

Если хочется под шкаф, то CSS идет лесом. Делаем рамкучерез две вложенные таблицы и align:left для картинки. И будет работать. [img]images/smiles/icon_smile.gif[/img]

Crazy
Так, что забить на оперу? Да пользователей оперы мало, по сравнению с IE. Но хотелось бы вообще то, что бы и им видно было, все как задумано [img]images/smiles/icon_smile.gif[/img].
Насчет таблиц. Я не хотел таблицами пользоваться. Поэтому и спрашиваю совета.

А так работает?
http://mogilevportal.com/temp/css/1.html

Глючит (везде), если окно слишком узкое.

IMHO, в настоящий момент это будет устойчиво работать только через таблицы. [img]images/smiles/icon_smile.gif[/img]

Странно, у меня работает везде, независимо от ширины окна.
Мозилла 1
Опера 6
ИЕ 6

Намек понял, но здесь есть одно но.
Не может рисунок ширины 100px показываться в окне широной 70px.
Если не искажать его размеры. Поэтому отмазка некорректна.

Ставь перед собой реальные цели, и все получится. [img]images/smiles/icon_biggrin.gif[/img]

Код не адаптировался к примеру, просто выдран из текущего проекта. У P убрать маргины, паддинги, по вкусу.

Насколько я понял проблему автора топика, у него бордер шел или вокруг рисунка, или вокруг текста. Здесь этого нет, а размер рисунка подобрать в контексте верстки - не проблема. [img]smoke.gif[/img]

oLL
Посмотрел, блин работает, спасибо, ура [img]images/smiles/icon_smile.gif[/img]
Сделал у себя также, не работает [img]images/smiles/icon_sad.gif[/img]
Вообшем, у тебя картика по высоте меньше, а текста больше. Если текста половину убрать - не работает [img]images/smiles/icon_sad.gif[/img]
А у меня картинка всегда одного размера будет, а вот количество текста, будет меняться.
Придется для разных броузеров разные таблицы стилей делать [img]images/smiles/icon_sad.gif[/img]

<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">quote:</font><HR>Автор Сообщения oLL:
[QB]Намек понял, но здесь есть одно но.
Не может рисунок ширины 100px показываться в окне широной 70px.<HR></BLOCKQUOTE>

...при этом должет просто появиться скроллинг. [img]images/smiles/icon_smile.gif[/img]

Crazy ладно, пусть будет скроллинг. [img]images/smiles/icon_biggrin.gif[/img] [img]smoke.gif[/img]
anb....Вообшем, у тебя картика по высоте меньше, а текста больше. Если текста половину убрать - не работает
Ну, текст- это моя слабость, сорри [img]lol.gif[/img]

DeДверь
Логин:
Пароль:
	Автологин