Обтекание картинки и высота блока (CSS)

TTS · 11.12.2005, 17:37

Баг однако. Или фича.

Код:

	<div style="padding: 0px 3px 0px 3px; background-color: #ff8000;">
		<p>
			<a href="#"><img src="images/img.jpg" width="60" height="60" border="0" align="left"></a>
			<a href="#">jhgkjhgkj jh ljhgljhgl</a>
		</p>
	</div>

<p> не видит размеры картинки, она вылезает за рамки. Как только убираем алигн - все ок. Есть CSS-решения?

KidsKilla · 11.12.2005, 18:18

це фича.
css есть
<style>
DIV{padding:0 3px;background:#ff8000;}
DIV BR{clear:both;}
</style>
<div>
<p>
<a href="#"><img src="images/img.jpg" width="60" height="60" border="0" align="left"></a>
<a href="#">jhgkjhgkj jh ljhgljhgl</a>
</p>
<br>
</div>

TTS · 11.12.2005, 18:33

О как. Сэнькью.

TTS · 15.12.2005, 06:57

Ох и глючит осла с энтой штукой!
Придется че-то еще придумывать

KidsKilla · 15.12.2005, 13:57

этты где глюки там увидел? даже у 5.01го (!) осла с этой хренью не глючит. ет у тя чего-то не то...

TTS · 15.12.2005, 15:52

Да вот не знаю, что и думать.

Код:

<html>
<head>
<style>
DIV{ margin: 30px; background:#ff8000;}
DIV BR{clear:both;}
</style>
</head>
<body>

<div>
<p>
<a href="#"><img src="images/mountains.jpg" width="60" height="60" border="0" align="left"></a>
<a href="#">jhgkjhgkj jh ljhgljhgl</a>
</p>
<br>
</div>bottom
</body>
</html>

Нижнего маргина нету (то есть, похоже, он есть, но почему-то отсчитывается от края текста, а не от картинки) и картинка на пару пикселей вылезает вниз. А если написать что-нить после <br>, маргин появляется, а линк становится каким-то призраком. Таких глюков не встречал со времен НН 4.7

Стоит IE 6.0 SP2

CAM · 15.12.2005, 17:10

TTS · 15.12.2005, 17:26

Цитата:

Сообщение от CAM

САМ-то пробовал?

CAM · 15.12.2005, 17:48

prishli var.(pic)
kak bu tu hotel
жбб

TTS · 15.12.2005, 18:32

Я бы хотел, чтобы ИЕ все корректно обрабатывал, как на приложенных картинках. Все нормально работает, если запихнуть контент в таблицу. Но меня не улыбает отрисовывать таблицу на каждый align="left"
Но других вариантов пока нет