<table width="360" height="120" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align="left">
<marquee onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=60 direction=up width=360 height=120>
<img src="images/newicon.gif" width="17" height="13" /> <a href="forum/forum.php">[07.02] Eerste trial-versie van forum online</a><br />
<img src="images/newicon.gif" width="17" height="13" /> [07.02] Nieuws online<br />
<img src="images/newicon.gif" width="17" height="13" /> [07.02] Layout toegevoegd<br />
<img src="images/newicon.gif" width="17" height="13" /> <a href="http://www.bandanaguild.pandela.net">[07.02] BandanaGuild Online!</a>
</marquee>
</div></td>
</tr>
</table>

Ik probeer dit stukje tekst van onderen naar boven te laten scrollen. Maar dit lukt alleen met IE. Wanneer ik mn site open met FireFox, dan gebeurt er niet.

URL: Http://bandanaguild.pandela.net

[edit]
Verplaatst naar Webdesign gezien het niet veel met php te maken heeft.
[/edit]
Firefox geeft geen ondersteuning aan <marquee>.
Hoe kan ik dit oplossen zodat dit toch zichtbaar is met FireFox?
Misschien is dat wat voor je:



<script language="JavaScript1.2">

// Distributed by http://www.hypergurl.com

// Scrollers width here (in pixels)
var scrollerwidth="350px"

// Scrollers height here
var scrollerheight="80px"

// Scrollers speed here (larger is faster 1-10)
var scrollerspeed=1



// Scrollers content goes here! Keep all of the message on the same line!

var scrollercontent
var scroller = new Array()

scroller[0]='<font face="Arial" color="#d7b929" size="2">Wij zoeken constant naar, goede Campers voor, verkoop en verhuur.</font><br /><br /><br />'
scroller[1]='<font face="Arial" color="#d7b929" size="3">Lees hier ook wanneer er speciale openingsdagen zijn!</font><br /><br /><br />'
scroller[2]='<font face="Arial" color="#d7b929" size="2">Wij zoeken constant naar, goede Campers voor, verkoop en verhuur.</font><br /><br /><br />'

scrollercontent = scroller[0] + scroller[1] + scroller[2];


var pauseit=1


// Change nothing below!

scrollerspeed=(document.all)? scrollerspeed : Math.max(1, scrollerspeed-1) //slow speed down by 1 for NS
var copyspeed=scrollerspeed
var iedom=document.all||document.getElementById
var actualheight=''
var cross_scroller, ns_scroller
var pausespeed=(pauseit==0)? copyspeed: 0

function populate()
{
	if (iedom)
	{
		cross_scroller=document.getElementById? document.getElementById("iescroller") : document.all.iescroller
		cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
		cross_scroller.innerHTML=scrollercontent
		actualheight=cross_scroller.offsetHeight
	}
	else if (document.layers)
	{
		ns_scroller=document.ns_scroller.document.ns_scroller2
		ns_scroller.top=parseInt(scrollerheight)+8
		ns_scroller.document.write(scrollercontent)
		ns_scroller.document.close()
		actualheight=ns_scroller.document.height
	}
	lefttime=setInterval("scrollscroller()",50)
}
window.onload=populate

function scrollscroller(){

if (iedom)
{
	if (parseInt(cross_scroller.style.top)>(actualheight*(-1)+8))
	cross_scroller.style.top=parseInt(cross_scroller.style.top)-copyspeed+"px"
	
	else
	cross_scroller.style.top=parseInt(scrollerheight)+8+"px"

	}
else if (document.layers)
{
	if (ns_scroller.top>(actualheight*(-1)+8))
		ns_scroller.top-=copyspeed
	else
		ns_scroller.top=parseInt(scrollerheight)+8
	}
}

if (iedom||document.layers)
{
	with (document)
	{
		if (iedom)
		{
			write('<div style="position:absolute;top:37px;left:57px;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden; " onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed">')
			write('<div id="iescroller" style="position:absolute;left:0px;top:415px;width:100%;z-index:3">')
			write('</div></div>')
		}
	}
}

</script>


Werkt in iedergeval met FF en IE6

Reageren