Link to home
Start Free TrialLog in
Avatar of one2goofy
one2goofy

asked on

Marquee problems ie vs firefox

my marquee works just like I want it too in firefox, but starts in the wrong spot and pushes content down.  What am I missing? (veiw at www.gide.htsp.com)

Code:

<SCRIPT LANGUAGE="JavaScript">
var basespeed = 3000;
var speed = basespeed/20;
var scrollingRegion = 40;

var startPosition = 0;
var scrollFlag = true;
function SetSpeed (val) {
    speed = basespeed/val;
}
function showContent (){
    document.getElementById("nsfriendly").style.display = "";
}
</script>

<ilayer name = "nav" width = "204" height = "232" clip = "0,0,204,232">
<layer name = "navcontent" width = "204" height = "232"  visibility = "hidden">
    <div style="background-color: #FFFFFF; width : 204px;">
        <table width="0" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td><img src="http://216.150.213.182/servlet/ImageServer/anonymous_hotdesk_4/@gide/scroller_arrup.gif" style="cursor: pointer;" onclick="ChangeDirection('up')" width="61" height="24" border="0"></td>
                <td><img src="http://216.150.213.182/servlet/ImageServer/anonymous_hotdesk_4/@gide/scroller_arrdwn.gif" style="cursor: pointer;" onclick="ChangeDirection('down')" width="61" height="24" border="0"></td>
                <td><img src="http://216.150.213.182/servlet/ImageServer/anonymous_hotdesk_4/@gide/scroller_stop.gif" style="cursor: pointer;" onClick="StartStopMarq(0)"width="82" height="24" border="0"></td>
            </tr>
        </table>
    </div>

<script language="javascript">
function ChangeDirection(val) {
     var marTag = document.getElementById("ScrollTxt");
     ScrollTxt.start();
     if (marTag == null) { return; }
     marTag.direction = val;
}
function StartStopMarq(val) {
     var marTag = document.getElementById("ScrollTxt");
     if (marTag == null) { return; }
     if (val == 0) {
          marTag.stop();
     }
     else {
          marTag.start();
     }
}
</script>

<marquee  id="ScrollTxt" scrollamount="2" scrolldelay="10" direction="down" loop="true" width="204" height="390" onmouseover="this.stop();" onmouseout="this.start();">
<ilayer name = "nscontainer" width = "204" height = "232" clip = "0,0,204,232">
<layer name = "nscontent" width = "204" height = "232" visibility = "hidden">
    <SPAN id="nsfriendly" style="display:none">
<!—content here-->
  </span>
</layer>
</ilayer>

</marquee>
<script language="javascript">
    window.onload = showContent;
</script>
Avatar of DreamMaster
DreamMaster

What version of Firefox are you using? I've just looked at it in both Internet Explorer AND FireFox and both behave the same...no problems here as for pusing contents down or anything.

Regards,
Max.
Looks good to me as well FF 1.5.0.4  IE6
Avatar of one2goofy

ASKER

Ok I'm using FF 1.5.0.4 and  IE 6 too and you guys don't see in IE aprox. a 40 px gap from the top blue control bar to where the start of the scrolling content in ie - and then how the bottom blue scroll bar where the scrolling content exits isn't lined up with the bottom of the text "See all news stories" and the gray button on the left - firefox it's all lined up correctly with no white space below the gray "Download our latest catalog" button or the news section.
good news, bad news....

good news is your not crazy...bad news, I see the gap...I'll take a closer look now and try to help you out.
There are a number of possible issues that I see with your code.

1) There are a bunch of align=""  if you're not using it get rid of it
2) ilayer tag and layer tag are not supported by IE6
3) Are these to make it NS/Mozilla compatible ? -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"
4) marginwidth=0 marginheight=0 not supported by IE6 (in the body tag)

I noticed/assumed you are using a point and click wysiwyg editor?  That may be pary of your problem.  There seems to be a lot of unneccessary code on your page as well as a lot of things not properly  "quoted".  Try to fix these things I mentioned and see what happens from there.
One other thought, as this would probably be a lot easier, I believe the marquee thing is in one cell correct?  Or perhaps its own table.  If this is the case, give it a defined height.  From the screen shot I took, I'd say about 437px.  That could force the cell size.
Yeah, the scroller sits inside a website builder tool...I know there is a lot of extra generated crap from the webbuilder in the source code.  The thing I don't understand is the gap is recent it didn't used to be there, but I didn't change anything.
The height thing works...Find the line like this <td  height="" background=""   valign=bottom   {#nowrap}  ><SCRIPT LANGUAGE="JavaScript">

It is line 236....give it a height of 410px.  That took the gap away for me
Check out this link:  http://www.ebizresults.com/test/

it has your page on it...feel free to take back your code :-)
n/m....wtf....it worked in testing...hmmm
I checked it at your page and it's still has the gap.
Yeah, i know...I had a popup on the page that said something about an activex controller and after i said it was okay to show it, the gap came back.  I'm going to send this to my house and I'll try to figure it out.  Worse comes to worse, the page could always be put together without an editor :)
ASKER CERTIFIED SOLUTION
Avatar of koolie
koolie

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial