Placering af layer i en tabel

position:absolute; skal tage plads efter det umiddelbart omkransende block-level-element, som er positioneret så f.eks.

<br><br><br>
<table style="position:relative;top:0px;left:0px;"><tr><td width="200px">&nbsp;
<div id="vis" style="position:absolute;display:block;">Synlig div</div>
<div id="skjul" style="position:absolute;display:none;">Usynlig div</div></td>
</tr></table>
<button onclick="document.getElementById('vis').style.display='none';document.getElementById('skjul').style.display='block';">Gem den synlige</button>

-- og et mere udbygget eksempel, som også skifter frem og tilbage:

<br><br><br>
<table style="position:relative;top:0px;left:0px;"><tr><td width="200px">&nbsp;
<div id="vis" style="position:absolute;display:block;">Synlig div</div>
<div id="skjul" style="position:absolute;display:none;">Usynlig div</div></td>
</tr></table>
<button onclick="st=(document.getElementById('vis').style.display=='block');document.getElementById('vis').style.display=(st)?'none':'block';document.getElementById('skjul').style.display=(st)?'block':'none';this.innerHTML=(st)?'Vis den synlige':'Gem den synlige';">Gem den synlige</button>

Hej Roenving,

Jeg tror du har misforstået opgaven en smule, det som jeg mente var, at jeg skulle kunne placerer et layer, hvor som helst i en tabel, selvom tabellen er flydene, og derfor automatisk ligger sig i midten af browseren. Hvis jeg bruger "absolute" funktionen, ligger layerne sig udenfor tabellen på de valgte koordinaler, udmålt fra browserens hjørner, og ikke fra tabellens hjørner. Jeg har i mellemtiden fundet ud af, at jeg blot kan bruge "margen-left" og "margen-top" i steder for "left" og "top", så tager den udgangspunkt i tabellen.

Men tak for din hurtige tilbagemelding.

Venligst Max

I mit eksempel ovenstående vil div'en netop flytte sig med tabellen, fordi jeg har sat position:relative i tabellen !o]

Så hvis den flyttes på en eller anden måde, vil div'en flytte sig med, hvilket jo ses af det andet eksempel, hvor div'erne jo ikke er oppe i toppen, selvom de ikke har nogen top og left angivet (altså har 0px begge steder !-)

Jeg har i mellemtiden fundet ud af, at jeg blot kan bruge "margen-left" og "margen-top" i steder for "left" og "top", så tager den udgangspunkt i tabellen.

~"~
          (@ @)
--oOO---(_)---OOo---

lukket, over and out...

            ~"~
          (@ @)
--oOO---(_)---OOo---