Re: img внутри div! глючит высота div'а
От: c-smile Канада http://terrainformatica.com
Дата: 13.01.08 02:14
Оценка:
Здравствуйте, paucity, Вы писали:

P>Коллеги, помогите, плиз!!!


Обрати внимание на первую строку:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <style>
div.bbb
{
    display: block ;
    border: 1px solid;
    height: auto;
    overflow: auto;
}    
    </style>
  </head>
<body>
  <div class="bbb">
<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>Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких
французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да
выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё
этих мягких французских булок, да выпей чаю</p>
</div>

</body>
</html>


Она переключает IE (7) в standard mode. И все начинает работать волшебным образом.

Для того чтобы это работало во всем что шевелится используем table/cell:
<table><tr><td>
<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>Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких
французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да
выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё
этих мягких французских булок, да выпей чаю</p>
</td></tr></table>
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.