В помощь веб-разработчику

April 16th, 2007

td как stacking context

Posted by admin in

До сих пор, чтобы задать отсчёт для элементов с position:absolute, я давал какому-нибудь контейнеру position:relative, но недавно обнаружил, что для элементов таблиц position:relative не определён (непонятно, зачем надо было делать такое исключение).

То есть следующая конструкция работает только если использовать div вместо td

<table><tr><td style=”position:relative”>

<div>
some long text<br>
some long text
</div>
<div style="position:absolute; top:50%">some overlay</div>

</td></tr></table>

Понятно, что можно вложить div в td, и скриптом задавать его размеры равными размерам td.
Какие ещё есть средства для ячейки неизвестной высоты привязать к ней абсолютное позиционирование?
Либо как вложить без скриптов div 100% высоты при неизвестной высоте ячейки?

Leave a reply

You must be logged in to post a comment.