Scripty: falsche Werte von OffsetTop. Image stört scrollTo !?

Beitrag lesen

hallo leute,

da ich aus bestimmten Gründen keine normalen Anker benutzen kann, muss ich dies mit einem scrollTo lösen. Dabei nehme ich mir die Werte für die Position der "a" Elemente durch ein offsetTop. Diesen Wert übergebe ich als variable dem scrollTo.

Funktioniert auch wunderbar. Aber halt nur im IE. Den Mozilla stören irgendwie die beiden Images. er bleibt quasi daran hengen.

hoffe ich habe mich einigermaßen verständlich ausgedrückt.
habe mir die finger wund gegoogelt aber keine Lösung dazu gefunden.

kann mir da wer helfen? warum wirft er falsche Werte aus wenn ein Bild im Code steht? Wenn ich die Bilder aus dem Code nehme funzt es auch im Mozi.

  
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">  
  
<br>  
<table border="0" cellspacing="0" cellpadding="0" vspace="0" hspace="0" width="100%" style="padding-left:4px;">  
  <tr>  
    <td width="2" align="left" valign="top"><img src="../../images/spacer.gif" width="2" height="16" vspace="0" hspace="0" border="0"></td>  
    <td>  
<b><font color="#FF0000">Use of the Site</font></b><br><br>  
    <a name="top"></a><br>  
    <a href="#" onmousedown="scrollTo(0, a[1]);"><u>zum 1. Anker</u></a><br>  
		<a href="#" onmousedown="scrollTo(0, a[2]);"><u>zum 2. Anker</u></a><br>  
		<a href="#" onmousedown="scrollTo(0, a[3]);"><u>zum 3. Anker</u></a><br>  
		<a href="#" onmousedown="scrollTo(0, a[4]);"><u>zum 4. Anker</u></a><br>  
		<a href="#" onmousedown="scrollTo(0, a[5]);"><u>zum 5. Anker</u></a><br>  
		<a href="#" onmousedown="scrollTo(0, a[6]);"><u>zum 6. Anker</u></a><br>  
		<a href="#" onmousedown="scrollTo(0, a[7]);"><u>zum 7. Anker</u></a><br>  
		<a href="#" onmousedown="scrollTo(0, a[8]);"><u>zum 8. Anker</u></a><br>  
		<a href="#" onmousedown="scrollTo(0, a[9]);"><u>zum 9. Anker</u></a><br><br><br><br>  
		  
		<a name="1"><u>bla bla bla bla bla bla  
		<a name="2"><u>bla bla bla bla bla bla  
		<a name="3"><u>bla bla bla bla bla bla  
		<a name="4"><u>bla bla bla bla bla bla <br /> <img src="test.jpg"> <br><br><br> bla bal bla bla <img src="test2.jpg">  
		<a name="5"><u>bla bla bla bla bla bla  
		<a name="6"><u>bla bla bla bla bla bla  
		<a name="7"><u>bla bla bla bla bla bla  
		<a name="8"><u>bla bla bla bla bla bla  
    <a name="9"><u>bla bla bla bla bla bla  
    <a href="#" onmousedown="scrollTo(a[top], a[top]);"><font color="#0000FF"><u>To the Top</u></font></a><br><br>  
</td>  
  </tr>  
</table>  
  
<br><br>  
[code lang=javascript]  
<script type="text/javascript">  
	var count = document.getElementsByTagName('a').length;  
	var found = count;  
	var top = document.getElementsByName('top')[0].offsetTop;  
	var a = new Array(found);  
	for(i=1; i < found ; i = i+1){  
		var n =  i;	  
	  var n = document.getElementsByName(i)[0].offsetTop;  
    a[i] = n;  
  
	}  
  
	</script>

</body>

[/code]