Абсолютная позиция относительно какого родителя в таблицах?(IE6 против Firefox / Chrome) - PullRequest
Новая
       26

Абсолютная позиция относительно какого родителя в таблицах?(IE6 против Firefox / Chrome)

0 голосов
/ 10 июня 2011

У меня есть фрагмент кода, который работает так, как я хочу в IE6, но не в Chrome / Firefox:

В IE6 img отображается с абсолютной позицией относительно td, как я хотел / ожидал.В Firefix / Chrome img отображается относительно внешнего div. 

<div>
      <table>
            <tr>
                <td class="rel cell">
                    <img src="style/easypos_mobile/icons/pencil.png" class="icon" onclick="_onclick.newArticle_andraNr();"/>
                </td>
            </tr>
     </table>
</div>

.rel
{
    position: relative;
}

.icon
{
    position: absolute;
    top: 3px;
    right: -23px;
}

.cell
{
    width: 186px;
}

1 Ответ

1 голос
/ 13 июня 2011

Найден этот материал:

Спецификации оставляют его открытым для User-Agent, чтобы решить, может ли ячейка таблицы
действовать в качестве контейнера для объектов с абсолютным позиционированием.http://www.w3.org/TR/CSS21/visuren.html#propdef-position (обратите внимание на 'влияние' позиции: относительной 'на группу строк таблицы, группу заголовков таблицы, группу нижнего колонтитула таблицы, строку таблицы, группу столбцов таблицы, таблицу-столбец,элементы table-cell и table-caption не определены ').

Это исправлено: 

<table><tr>
   <td style="position: relative; width: 180px;">
     <div style="position:relative;width:100%;height:100%;">
       <img src="imageA.gif" class="status">
       <img src="imageB.gif" class="status">
     </div>
  </td>
</tr></table>
...