Carry: Abstand zwischen Fensterrand un image

Hallo zusammen!

Habe da mal folgendes Problem:

<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html>
  <head><title>Abstandsberechnung</title></head>
  <body>
   <br /><br /><br /><br /><br />
   <img id="pic" name="pic" src="bild.jpg>
   <script type="text/javascript">
    var abstand = ??????????????????????????;
   </script>
  </body>
</html>

Wie kann ich der Variable abstand nun den Abstand zwischen oberem Fensterrand
und dem Image (für Mozilla) zuordnen bzw. wie kann ich es berechnen???

  1. Codekorrektur:

    <html>
      <head><title>Abstandsberechnung</title>
       <script type="text/javascript">
        var abstand = ???????;

    function berechnen(){
         alert('Abstand: '+abstand);
        }

    </script>
      </head>
      <body>
       <br /><br /><br /><br /><br />
       <a href="javascript:berechnen()"><img id="pic" name="pic" src="bild.jpg" /></a><br /><br

    />
      </body>
    </html>

    1. Hi.

      Kennst du SelfHTML?

      Dann schau mal bei offsetTop rein.

      Das dürfte dich interessieren.

      MFG
      Griever

      1. OK, dann habe ich das Problem nicht genug spezifiziert.
        Das Bild liegt in einer Tabelle
        und dadurch erhalte ich einen Abstand von 1, brauch aber nicht den Abstand zum Zeilenanfang, sondern zum Seitenanfang!

        <html>
          <head><title>Abstandsberechnung</title>
           <script type="text/javascript">
            var abstandY = 0;
            var abstandX = 0;

        function berechnen(){
                abstandY = document.all.pic.offsetTop;
                abstandX = document.all.pic.offsetLeft;

        alert('Abstand-Y: '+abstandY+' - Abstand-X: '+abstandX);
            }

        </script>
          </head>
          <body>
           <table>
            <tr><td><br /></td></tr><tr><td><br /></td></tr><tr><td><br /></td></tr><tr><td><br /></td></tr>
            <tr><td><a href="javascript:berechnen()"><img id="pic" name="pic" src="bild.jpg" /></a></td></tr><br /><br />
           </table>
          </body>
        </html>

      2. abstandY=
        document.all.pic.offsetParent.offsetParent.offsetParent.offsetTop +
        document.all.pic.offsetParent.offsetParent.offsetTop +
        document.all.pic.offsetParent.offsetTop +
        document.all.pic.offsetTop;

        Würde das Problem lösen, doch kann ich das auch in einer Schleife berechnen lassen,
        wenn die Anzahl der Parents variabel ist???

        1. hi,

          Würde das Problem lösen, doch kann ich das auch in einer Schleife berechnen lassen,
          wenn die Anzahl der Parents variabel ist???

          Auf offsetParent bist du ja offenbar schon gestossen - was hielt dich dann jetzt noch ab, dir das Beispiel dazu bei selfhtml mal anzuschauen?

          gruß,
          wahsaga

          --
          /voodoo.css:
          #GeorgeWBush { position:absolute; bottom:-6ft; }