Re: img внутри div! глючит высота div'а
От: kpumuk Украина http://kpumuk.info/
Дата: 13.01.08 04:58
Оценка: 9 (2)
Здравствуйте, paucity, Вы писали:

P>Есть <div>; внутри него картинка, и чего-то написано. Контент формируется динамически, поэтому конкретную высоту <div> не задать. Если текста много, то все Ок! Если текста мало, то картинка по высоте вылазит за границы <div>


На самом деле, это правильное поведение при использовании float'ов (картинка у вас с float:left). Решается это двумя способами:
можно у последующего элемента добавить стиль clear:

...
<p>
<a href="bbb.html">
<img vspace="0" align="left" height="130" width="104" SRC="/images/bbb.jpg" border="1" />
</a>
<strong><a title="1" href="bbb.html">этих мягких французских булок</a></strong>
</p>
<p style="clear:left">Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких
...


Можно сделать по уму и узнать, что есть clearfix. Это собственно стандартный подход для решения проблем с флоатами.

P>P.S. Грамотная верстка — подвиг! Уважайте, коллеги, грамотных верстальщиков.


З.Ы. Золотые слова. Одно огорчает — грамотных верстальщиков мало.
... << RSDN@Home 1.2.0 alpha rev. 763>>
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.