Как абсолютно отпозиционировать блок внутри table-блока в Firefox?

Question

[unclechu]

В Firefox (29.0.1/OpenSUSE) при применении блоку режимов отображения из серии table (display: table, table-row, table-cell, etc.), — игнорируется position: relative; То есть если попытаться применить в table-блоку position: relative;, а вложенному блоку сделать position: absolute; 0x0, то вложенный блок отпозиционируется так, словно у table-блока вовсе нет position: relative;

В веб-китах и старой опере (которая ещё не вебкит), — всё происходит как ожидается, вложенный блок позиционируется относительно table-блока родителя.

Желаемое

Действительное


Как позиционировать относительно table-блока родителя?

P.S. Кто-нибудь может дать ответ, — баг это или фича? Что по этому поводу думает W3C?

UPD (при использовании враппера):

UPD2 (в новом Firefox будет работать position:relative для table-cell):
https://www.linux.org.ru/news/mozilla/10512604

Answer 1

[unclechu]

https://www.linux.org.ru/news/mozilla/10512604

Answer 2

[animhotep]

это фича) в табличных элементах нельзя абсолютно отпозиционировать
или делайте

td{
display: block;
}

или див внутрь суньте

<td>
  <div>
  </div>
</td>

Comments

[unclechu]

То-есть вебкиты и опера прут против ветра? Проблема в том, что табличные блоки используются для вертикального выравнивания, а позиционироваться в центрированном враппере будет именно относительно враппере, сохраняя отступ центрирорования, то-есть нельзя к верху табличного элемента что-то отпозиционировать.

[animhotep]

не совсем понял что нужно) но сам искал подобное решение. в и тоге или блочными элементами или скриптами
вот например css-tricks.com/absolutely-position-element-within-...

[unclechu]

@animhotep нужно внутри блока table-cell у которого vertical-align: middle отпозиционировать блок по 0x0 относительно table-cell блока, что возможным не представляется. Добавил пример что получается при использовании relative-враппера внутри table-cell.

[unclechu]

@animhotep Выходит такое позиционирование разве что какими-нибудь костыле-скриптами можно сделать.

[animhotep]

@unclechu возможно проще поискать вариант горизонтального позиционирования в блоке

[unclechu]

См. UPD2, походу это не фича, а баг.

Answer 3

[dmit8815]

Всё очень просто, создаете внутри простой пустой блок и прописываете ему position:relative. А уже внутри этого контейнера позиционируете всё как вам нужно

Comments

[unclechu]

См. комментарии выше, и UPD, где показано, почему вариант с relative-враппером не подходит.