nicht angemeldet
Hallo zusammen!
Ich habe einen Javascripteffekt eingebaut, der Bilder von links nach rechts laufen lässt.
Das ganze Ding ist in einer 448x300px div eben eingebaut.
Bei mozilla läuft alles super, doch wenn ich es mit dem IE öffne, dann geht es über diese Grenze hinaus bis zum Bildrand.
Der Code dafür ist dieser hier:
<script type="text/javascript">
<!--
/* * * * * * * * * * * * * * D I E V A R I A B L E N * * * * * * * * * * * * * * * * * */
tNews=new Array();
//°°°°°°°°°°Die News
tNews[0]='<a href="refpage/arbeitsamt.html" target="refframe"><img src="refimg/arbeitsamt.jpg" width="60" height="60" alt="Arbeitsamt" border="2"></a></b>';
tNews[1]='<a href="refpage/asbach.html" target="refframe"><img src="refimg/Asbach.jpg" width="60" height="60" alt="Asbach" border="2"></a>';
tNews[2]='<a href="refpage/bundesarchiv.html" target="refframe"><img src="refimg/bundesarchiv.jpg" width="60" height="60" alt="Bundesarchiv" border="2"></a>';
tNews[3]='<a href="refpage/destatis.html" target="refframe"><img src="refimg/destatis.jpg" width="60" height="60" alt="Destatis" border="2"></a>';
tNews[4]='<a href="refpage/deutschebundesbank.html" target="refframe"><img src="refimg/deutschebundesbank.jpg" width="60" height="60" alt="Deutsche Bundesbank" border="2"></a>';
tNews[5]='<a href="refpage/frankfurtermesse.html" target="refframe"><img src="refimg/frankfurtermesse.jpg" width="60" height="60" alt="Frankfurter Messe" border="2"></a>';
tNews[6]='<a href="refpage/heraeus.html" target="refframe"><img src="refimg/heraeus.jpg" width="60" height="60" alt="Heraeus" border="2"></a>';
tNews[7]='<a href="refpage/hochbauamtmain.html" target="refframe"><img src="refimg/hochbauamtmain.jpg" width="60" height="60" alt="Hochbauamt Main" border="2"></a>';
tNews[8]='<a href="refpage/honeywell.html" target="refframe"><img src="refimg/honeywell.jpg" width="60" height="60" alt="Honeywell" border="2"></a>';
tNews[9]='<a href="refpage/igm.html" target="refframe"><img src="refimg/igm.jpg" width="60" height="60" alt="IG Metall" border="2"></a>';
tNews[10]='<a href="refpage/kraftgeneralfoods.html" target="refframe"><img src="refimg/kraftgeneralfoods.jpg" width="60" height="60" alt="Kraft" border="2"></a>';
tNews[11]='<a href="refpage/maggi.html" target="refframe"><img src="refimg/maggi.jpg" width="60" height="60" alt="Maggi" border="2"></a>';
tNews[12]='<a href="refpage/nestle.html" target="refframe"><img src="refimg/nestle.jpg" width="60" height="60" alt="Nestle" border="2"></a>';
tNews[13]='<a href="refpage/rothenberger.html" target="refframe"><img src="refimg/rothenberger.jpg" width="60" height="60" alt="Rothenberger" border="2"></a>';
//°°°°°°°°°°Delimiter zwischen den einzelnen News
tDelimiter =' ';
//°°°°°°°°°°Interval in ms
tInterval =5;
//°°°°°°°°°°Stop bei mouseover?true:false
tStop =true;
//°°°°°°°°°°Falls Leeraum zwischen News...hier Wert erhoehen...minimum:1
tRepeat =2;
//°°°°°°°°°°Rahmen
tBorder ='0px solid #f4f4f4';
//°°°°°°°°°°Breite
tWidth =448;
//°°°°°°°°°°Breite
tHeight =64;
//Abstand Rahmen->Inhalt (top+bottom)
tPadding =0;
//Das Aussehen per CSS anpassbar unter Verwendung des Selectors #ticker
/* * * * * * * * * * * * * * * * D E R T I C K E R * * * * * * * * * * * * * * * * * */
IE=document.all&&!window.opera;DOM=document.getElementById&&!IE;
if(DOM||IE)
{
var tGo;tPos=0;
tStop=tStop?'onmouseover="clearInterval(tGo)"onmouseout="if(st){tGo=setInterval('DM_ticken()','+tInterval+');}"':'';
tTxt=tDelimiter+tNews.join(tDelimiter);tNews=tTxt;for(i=1;i<tRepeat;++i){tNews+=tTxt;}
document.write('<div style="overflow:hidden;border:'+tBorder+';width:'+
tWidth+'px;height:'+tHeight+'px;padding:'+tPadding+'px 0px '+tPadding+'px 0px;">'+
'<nobr><span id="ticker"style="position:relative;"'+tStop+'>'+tNews+'</span></nobr></div>');
tObj=IE?document.all.ticker:document.getElementById('ticker');
function DM_ticken(){tOffset=tObj.offsetWidth/tRepeat;if(Math.abs(tPos)>tOffset){tPos=0;}tObj.style.left=tPos;tPos--;}
tGo=setInterval('DM_ticken()',tInterval);sg=1;st=true;function stop_n_go(o){
st=(sg==1)?false:true;et=(sg==1)?' go ':'stop';sg=(sg%2)+1;o.value=et;
tGo=(sg==2)?clearInterval(tGo):setInterval('DM_ticken()',tInterval);}
}
//-->
</script>
Hat jemand ne Ahnung woran das liegen könnte, bzw welches Attribut ich hinzufügen muss, damit er die Grenze der Div ebene erkennt?
Wäre für Hilfe dankbar!!!
Gruß