Xpoint
   [напомнить пароль]

Выравнивание блока с position:relative в ячейке таблицы в IE

Метки: [без меток]
2007-10-19 14:51:56 [обр] Филипп[досье]

Есть такой код:

<table width="100%" border="0" cellpadding="0">
  <tr>
    <td><div style="position: relative; width: 72px;"><img src="images/car1.jpg" width="72" height="49" /></div></td>
    <td>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</td>
  </tr>
</table>

При ресайзе окна табличка начинает сжиматься и соответственно правая колонка начинает разъезжаться по высоте. В FF и O картинка в диве нормально сдвигается вниз и остается по центру ячейки. В IE же почему то позиция по высоте у картинки остается неизменной. Причем если из стиля блока убрать ширину, то начинает нормально центроваться.

Вопрос: можно ли IE заставить работать так же как FF в данном примере, без избавления от ширины блока?

спустя 25 минут [обр] Денис(0/2)[досье]
вопрос: а зачем здесь position:relative???
и что еще в этом диве будет? нельзя ли обойтись без него?
спустя 1 минуту [обр] Евгений Петров(76/1055)[досье]
<div style="position:relative;width:72px;height:100%;">
По поводу position:relative; присоединяюсь к Денису. А еще - зачем нужна ширина?
спустя 11 минут [обр] Филипп[досье]
position:relative нужен для того, чтобы в этом блоке абсолютно позиционированный блок поставить и задать его координаты относительно блока
спустя 21 минуту [обр] Денис(0/2)[досье]
ок, тогда ширину пищите для ячейки, диву оставляйте position..
при ресайзе картинка остается посередине ячейки..
<table width="100%" border="0" cellpadding="0">
  <tr>
    <td width="72px"><div style="position:relative;"><div style="position:absolute; top:20px; left:35px;">1</div><img src="images/car1.jpg" width="72" height="49" /></div></td>
    <td>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</td>
  </tr>
</table>
оно??
спустя 2 дня 16 часов [обр] Филипп[досье]
странно, но проблема решилась добавлением <br /> перед и после дива )))
Powered by POEM™ Engine Copyright © 2002-2005