Une table et plusieurs positions divs

Question

Avoir table et plusieurs éléments div. Le tableau est grille de temps et divs sont des événements qui peuvent prendre toutes les positions relativement tableau de haut en bas, dépendante du temps.

Voir capture d'écran: texte alt http://img687.imageshack.us/img687/ 4348 / margintop.png

Donc, pour faire margin-top pour div correct je précise comme négatif, car ces divs sont positionnés par rapport à la table.

Mais dans certains cas, ils positionnés les uns par rapport aux autres et murkup est non correcte.

Alors, comment faire ces positions divs être par rapport au point de départ de l'écran et table pour être en arrière-plan, par exemple de préciser « très » hegative z-index.

Alors, la question est de savoir comment faire cette table ne modifie pas la position de divs.

Note:. Position absolue pour divs n'est pas acceptable, car tout en faisant défiler la table défile et div est gelé

Exemple simplifié de HTML (dans l'ordre) Tableau:

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

div:

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

Answer 1

Vous pouvez absolument placer la div relativement.

Ce que cela implique est la mise en position: relative sur la table, vous pouvez définir la position: absolute sur les ceux-ci seront alors divs contenus, faites défiler avec table et est un moyen plus fiable de définir l'emplacement de divs et fonctionnera mieux sur navigateurs.

EDIT: Une fois que vous avez défini la position: absolute, vous souhaitez utiliser le dessus: et à gauche: non margin-top: et la marge gauche: comme vous ne les utilisent pas pour leur but.