Одна таблица и несколько позиций деления

Question

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

См. Скриншот: альтернативный текст http://img687.imageshack.us/img687/4348/margintop.png

Таким образом, чтобы сделать margin-top для правильного div, я указываю его как отрицательный, потому что эти div расположены относительно таблицы.

Но в некоторых случаях они позиционируются относительно друг друга, и муркуп неверен.

Итак, как сделать, чтобы эти позиции деления были относительно начальной точки экрана, а таблица - фоном, например, указать «очень» отрицательный z-индекс.

Итак, вопрос в том, как сделать, чтобы эта таблица не влияла на положение элементов div.

Примечание: абсолютная позиция для div не допускается, поскольку при прокрутке таблица прокручивается, а div замораживается.

Упрощенный пример HTML (по порядку) таблица:

<table cellspacing="0" cellpadding="0" style="margin: 0pt; padding: 0pt; width: 100%;">
</table>

ДИВ:

<div style="height: 118px; margin-left: 38px; margin-top: -94px; width: 48%;"></div>

Answer 1

Вы можете абсолютно точно позиционировать div.

Что включает в себя настройку позиции: относительно таблицы, вы можете затем установить позицию: абсолютную для содержащихся в ней div, они будут прокручиваться вместе с таблицей, и это более надежный способ установки местоположения div и будет работать лучше во всех браузеры.

EDIT: Как только вы установили position: absolute, вы хотите использовать top: и left: not margin-top: и margin-left: поскольку вы не используете их для своих целей.