warum bleibt das Banner nicht in der Tabelle?

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • warum bleibt das Banner nicht in der Tabelle?

    Problem:
    nachstehendes Script funktioniert gut (allerdings nicht im Firefox)
    sobald ich es allerdings in eine Tabelle einbinde, läuft es trotzdem über den ganzen Bildschirm :mad:

    Lösungswunsch:
    1. das Laufband soll innerhalb der Tabelle bleiben
    2. das Script sollte auch im Firefox funktionieren


    Hinweis:
    in der Vorschau in Adobe GoLive bleibt das Laufband innerhalb der Tabelle :confused: im IE7 jedoch nicht

    Quellcode

    1. <table>
    2. <tr><td><script type="text/javascript"><!--
    3. /* * * * * * * * * * * * * * * * D I E V A R I A B L E N * * * * * * * * * * * * * * * * * */
    4. //°°°°°°°°°°Die News
    5. tNews=new Array();
    6. tNews.push('<a href="http://www.modul-global.de/spitzhuettl-de/globalwohnen/astartseiten/index.php" target="_blank"><img src="Images/gwohnen_rgb.jpg" alt="" height="77" width="77" border="0" /></a>');
    7. tNews.push('<a href="http://http://www.modul-global.de/spitzhuettl-de/globalwohnen/astartseiten/index.php" target="_blank"><img src="Images/gshop_rgb.jpg" alt="" height="77" width="77" border="0" /></a>');
    8. //tNews.push('<b style="color:#012F85">Wunschtext kann überall eingefügt werden</b>');
    9. tNews.push('<a href="http://www.modul-natura.de/spitzhuettl-de/auebersichtsseiten/index.php" target="_blank"><img src="Images/LogoNatura.jpg" alt="" height="77" width="250" border="0" /></a>');
    10. tNews.push('<img src="Images/LogoMeisterstuecke.jpg" alt="" height="77" width="252" border="0" />');
    11. tNews.push('<img src="Images/Culina.jpg" alt="" height="77" width="255" border="0" />');
    12. tNews.push('<a href="http://www.huelsta.net" target="_blank"><img src="Images/huelsta_logo.gif" alt="" height="30" width="140" border="0" /></a>');
    13. tNews.push('<a href="http://www.musterring.de/" target="_blank"><img src="Images/logo-musterring.gif" alt="" height="77" width="60" border="0" /></a>');
    14. tNews.push('<a href="http://www.modul-modernart.de/spitzhuettl-de/001startseiten/3.php/" target="_blank"><img src="Images/001contursolo.gif" alt="" height="77" width="48" border="0" /></a>');
    15. //°°°°°°°°°°Laufrichtung(up,down,left,right)
    16. strDir ='right';
    17. //°°°°°°°°°°Delimiter zwischen den einzelnen News(nur bei left/right)
    18. strDelimiter='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
    19. //°°°°°°°°°°Interval in ms
    20. intInterval =20;
    21. //°°°°°°°°°°Stop bei mouseover?true:false
    22. blnStopHover=true;
    23. //°°°°°°°°°°Falls Leeraum zwischen News...hier Wert erhoehen...minimum:1
    24. intRepeat =10;
    25. //°°°°°°°°°°Rahmen
    26. strBorder ='false';
    27. //°°°°°°°°°°Breite
    28. intWidth =500;
    29. //°°°°°°°°°°Höhe
    30. intHeight =80;
    31. //Abstand Rahmen->Inhalt
    32. intPadding =4;
    33. //Background-color
    34. strBgc ='#ffffff';
    35. //Text-color
    36. strTxtc ='#000000';
    37. //Textausrichtung
    38. strAlign ='left';
    39. //Schritt pro Durchlauf(px)
    40. intStep=1;
    41. /* * * * * * * * * * * * * * * * * * D E R T I C K E R * * * * * * * * * * * * * * * * * * * * * */
    42. //IE ab V4?
    43. IE=document.all&&!window.opera;
    44. //DOM-Browser(ausser IE)
    45. DOM=document.getElementById&&!IE;
    46. //läuft ab IE4 und in DOM-Browsern
    47. if(DOM||IE)
    48. {
    49. //Ermitteln, ob Ticker horizontal oder vertikal laufen soll
    50. blnDir=(strDir=='up'||strDir=='down')?true:false;
    51. //Bei horizontalem Ticker wird ein nobr-, ansonsten ein div-Tag verwendet
    52. strNobr=(blnDir)?'div':'nobr';
    53. //Trennzeichen zwischen den Einzelnen Eintraegen
    54. //bei horizontalem Ticker gemäss Angabe in Variale strDelimiter
    55. //Ansonsten Zeilenumbrueche
    56. strDelimiter=(blnDir)?'<br><br>':strDelimiter;
    57. //String fuer Textausrichtung bei vertikalem Ticker
    58. strAlign=(blnDir)?'text-align:'+strAlign+';':'';
    59. //Variable zum Speichern des Intervals
    60. var objGo;
    61. //Variable zum Speichern der Position
    62. intPos=0;
    63. //String erzeugen fuer JS-Code, falls Ticker beim mouseover stoppen soll
    64. strStopHover=(blnStopHover)?'onmouseover="clearInterval(objGo)"onmouseout="objGo=setInterval(\'DM_ticken()\','+intInterval+')"':'';
    65. //Tickertext zu String zusammenfuegen
    66. strText=(blnDir)?tNews.join(strDelimiter)+strDelimiter:tNews.join(strDelimiter)+strDelimiter;
    67. strNews=strText;
    68. for(i=1;i<intRepeat;++i)
    69. {
    70. strNews+=strText;
    71. }
    72. //TickerCode zu String zusammenfuegen
    73. strTicker='<div style="'+strAlign+'overflow:hidden;background-color:'+strBgc+
    74. ';border:'+strBorder+';width:'+intWidth+'px;height:'+intHeight+'px;padding:'+intPadding+
    75. 'px;"><'+strNobr+'><span id="ticker"style="position:relative;color:'+strTxtc+';background-color:'+strBgc+
    76. ';"'+strStopHover+'>'+strNews+'</span></'+strNobr+'></div>';
    77. //TickerCode im Dokument ausgeben
    78. document.write(strTicker);
    79. //Funktion, um Ticker ticken zu lassen
    80. function DM_ticken()
    81. {
    82. //Ticker-Objekt je nach Browser ermitteln
    83. objTicker=(IE)?document.all.ticker:document.getElementById('ticker');
    84. //Array fuer zu manipulierende Eigenschaften des Tickers je nach Richtung
    85. //Richtung=new Array(Pixelwert zur Aenderung der Position,Breite/Höhe des Tickers,zu andernder Positionswert);
    86. arrDir=new Array();
    87. arrDir['up'] =new Array(-1,objTicker.offsetHeight,'top');
    88. arrDir['down'] =new Array(1,objTicker.offsetHeight,'top');
    89. arrDir['left'] =new Array(1,objTicker.offsetWidth,'left');
    90. arrDir['right'] =new Array(-1,objTicker.offsetWidth,'left');
    91. //Ermitteln von Breite bzw. Höhe der anzuzeigenden Items
    92. dblOffset=arrDir[strDir][1]/intRepeat;
    93. //Neuen Positionswert ermitteln
    94. switch(strDir)
    95. {
    96. case'right':
    97. intPos=(Math.abs(intPos)>dblOffset)?0:intPos;break;
    98. case'left':
    99. intPos=(intPos>0)?-dblOffset:intPos;break;
    100. case 'up':
    101. intPos=(Math.abs(intPos)>dblOffset)?0:intPos;break;
    102. case 'down':
    103. intPos=(intPos>0)?-dblOffset:intPos;break;
    104. }
    105. //Neuen Positionswert zuweisen
    106. objTicker.style[arrDir[strDir][2]]=intPos;
    107. //Positionswert hoch/heruntersetzen
    108. intPos+=intStep*arrDir[strDir][0];
    109. }
    110. //Erneut ticken lassen
    111. objGo=setInterval('DM_ticken()',intInterval);
    112. }
    113. //-->
    114. </script></td></tr></table>
    Alles anzeigen