Установка \ Размещение DIV (CSS Layer) с ячейкой таблицы в качестве ссылки

Question

Вы можете пропустить следующий HTML-код, чтобы перейти к актуальному вопросу

<!-- Some HTML Code-->
<table width="100%" height="100%" border="1">
<tr>
    <td rowspan="03" width="20%">&nbsp;</td>
    <td width="60%">&nbsp;</td>
    <td rowspan="03" width="20%">&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
</tr>
</table>

вывод приведенного выше кода будет примерно таким

Теперь я хочу, чтобы я установил CSS Layer (DIV) с центральной ячейкой (с красной рамкой) в качестве ССЫЛКИ как это сделать ...

 #myLayer{
 position: ? ;
 left    : ? ;
 right   : ? ;
 top     : ? ;
 bottom  : ? ;
 padding : ? ;
 width   : * ;
 height  : * ;
 z-index : 2 ;
 }

и где разместить тег <div id="*"></div>

Answer 1

Не совсем точно, если это то, что вы пытаетесь сделать, но вы могли бы дать идентификатор с красной рамкой и поместить div внутри него. Затем используйте следующий CSS:

#mainTD {
    position: relative;
}

#myLayer {
    position: absolute;
    top: 0;
    left: 0;
}

Я никогда не использую таблицы для разметки, поэтому я не знаю, будет ли это реагировать так, как я думаю, но это должно сделать координаты # myLayer top, left, bottom и right относительно координат его родителя #mainTD , Таким образом, в приведенном выше примере с верхним и левым значениями, равными 0, верхний левый угол # myLayer должен находиться в верхнем левом углу # mainTD.