Tweet
Hallo, ich hab ein Ticker geproggt der unabhängig von der breiteneinstellung des ticker funktioniert.
Mein Problem ist ,alles funktioniert wunderbar im body aber wenn die divs in einer tabelle sind, zieht es die tabelle mit auseinander
siehe hier :
.../testticker.php
ich denke irgendwas fehlt im css-code! ich weiß leider nur nicht was ?????
Hier meine DIVs
hier funzt es super
und hier funzt es ne richtig
und hier der css code :
und der javascript code :
kann mir jemand helfen???????
Mein Problem ist ,alles funktioniert wunderbar im body aber wenn die divs in einer tabelle sind, zieht es die tabelle mit auseinander
siehe hier :
.../testticker.php
ich denke irgendwas fehlt im css-code! ich weiß leider nur nicht was ?????
Hier meine DIVs
hier funzt es super
Code:
<div id="pm_TickerContainer"> <div id="pm_TickerContent" onmouseover="javascript:pm_Stop='true';" onmouseout="javascript:pm_Stop='false';">Das ist ein Testtext </div> </div>
Code:
<table border="1" width="300">
<tr>
<td> </td>
<td>
<div id="pm_TickerContainer">
<div id="pm_TickerContent" onmouseover="javascript:pm_Stop='true';" onmouseout="javascript:pm_Stop='false';">Das ist ein Testtext
</div>
</div>
</td>
<td> </td>
</tr>
</table>
und hier der css code :
Code:
<style type="text/css">
<!--
#pm_TickerContainer {
width:100%;
height:30px;
overflow:hidden;
border:1px solid #000000;
padding:0;
margin:0;
background-color:#eeeeee;
}
#pm_TickerContent {
display:inline;
padding:0;
margin:0;
}
-->
</style>
Code:
var Direction='left';
var ScrollSpeed=10;
var ScrollWidth=1;
var ContainerWidth=document.getElementById('pm_TickerContainer').offsetWidth;
var ContainerHeight=document.getElementById('pm_TickerContainer').offsetHeight;
var ContentWidth=document.getElementById('pm_TickerContent').offsetWidth;
var ContentHeight=document.getElementById('pm_TickerContent').offsetHeight;
var ContentLeft=ContainerWidth;
var ContentTop=ContainerHeight;
var pm_Stop='false';
function DisplayTicker()
{
if (pm_Stop=='false')
{
if (Direction=='left')
{
if (ContentLeft+ContentWidth<=0) ContentLeft=ContainerWidth;
ContentLeft=ContentLeft-ScrollWidth;
document.getElementById('pm_TickerContent').style.left=ContentLeft;
}
if (Direction=='up')
{
if (ContentTop+ContentHeight<=0) ContentTop=ContainerHeight;
ContentTop=ContentTop-ScrollWidth;
document.getElementById('pm_TickerContent').style.top=ContentTop;
}
}
}
function RunTicker()
{
DisplayTicker();
setTimeout("RunTicker()",ScrollSpeed);
}
RunTicker();
kann mir jemand helfen???????
Kommentar