CSS per Javascript

[Nils]

Hallo zusammen,

ich hab da folgendes Problem, und zwar möchte ich ein bildpreview machen wenn man über einen link fährt, das klappt auch so halb, aber auch nur so halb.  Der code ist folgender:

[...]
function previewLaden(status,element) {
 if(isNetscape() || isFirefox()) {
  document.getElementById(element).style.position = 'absolute';
  document.getElementById(element).style.top = '100px';
  document.getElementById(element).style.left = '100px';
 } else {
  document.getElementById(element).style.position = 'absolute';
  document.getElementById(element).style.top = '-170px';
  document.getElementById(element).style.left = '-250px';
 }
 if(status == 1) {
  document.getElementById(element).style.display = 'inline';
 } else {
  document.getElementById(element).style.display = 'none';
  if(isOpera()) window.focus();
 }
}

[...]
<table style="position: relative;">
<tr>
 <td width="95" align="right">

<a id="previewButton" href="#" onMouseOver="previewLaden(1,'previewimage');" onMouseOut="previewLaden(0,'previewimage');" class="action">Vorschau</A>

<div style="display:none; border:1px solid #000000;" id="previewimage">
 <img src="200501171512121.jpg" alt="preview">
</div>

</td>
</tr>
</table>
[...]

Worum es geht ist schlicht und einfach dass das preview immer 100px vom oberen und linken rand angezeigt wird.
Bloß interprätieren die browser die Angaben absolut, d.h. ich erhalte nur das gewünschte resultat wenn ich mim scroller ganz oben bin.

Hat da jemand schonmal ähnliche erfahungen gemacht, oder kann mir sonstwie jemand helfen?

Vieln Dank vorab,

nils

[Cheatah]

Hi,

<table style="position: relative;">

wo sind eigentlich Deine tabellarischen Daten, die eine Tabelle rechtfertigen?

<a id="previewButton" href="#" onMouseOver="previewLaden(1,'previewimage');" onMouseOut="previewLaden(0,'previewimage');" class="action">Vorschau</A>

Wenn Du die Grafik _in_ diesen Link setzt, kannst Du Dir viiieeel Aufwand sparen, weil die Lösung dann nämlich mit purem CSS möglich ist - selbst im IE.

Bloß interprätieren die browser die Angaben absolut, d.h. ich erhalte nur das gewünschte resultat wenn ich mim scroller ganz oben bin.

Dieabsolutepositionierungrichtetsichnachdeminnerstenvorfahrenelementdaseinevonstaticunterschiedlichepositionangabebesitztbeinichtvorhandenseineinessolchennachdemviewport.

Cheatah