Solved

Marquee problems ie vs firefox

Posted on 2006-07-06
13
1,077 Views
Last Modified: 2008-01-09
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>
0
Comment
Question by:one2goofy
  • 9
  • 3
13 Comments
 
LVL 19

Expert Comment

by:DreamMaster
ID: 17056622
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.
0
 
LVL 5

Expert Comment

by:koolie
ID: 17061268
Looks good to me as well FF 1.5.0.4  IE6
0
 

Author Comment

by:one2goofy
ID: 17061377
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.
0
 
LVL 5

Expert Comment

by:koolie
ID: 17062221
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.
0
 
LVL 5

Expert Comment

by:koolie
ID: 17062403
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.
0
 
LVL 5

Expert Comment

by:koolie
ID: 17062427
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.
0
Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

 

Author Comment

by:one2goofy
ID: 17062446
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.
0
 
LVL 5

Expert Comment

by:koolie
ID: 17062466
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
0
 
LVL 5

Expert Comment

by:koolie
ID: 17062486
Check out this link:  http://www.ebizresults.com/test/

it has your page on it...feel free to take back your code :-)
0
 
LVL 5

Expert Comment

by:koolie
ID: 17062494
n/m....wtf....it worked in testing...hmmm
0
 

Author Comment

by:one2goofy
ID: 17062502
I checked it at your page and it's still has the gap.
0
 
LVL 5

Expert Comment

by:koolie
ID: 17062558
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 :)
0
 
LVL 5

Accepted Solution

by:
koolie earned 500 total points
ID: 17062943
Now I've got it.  LINE 290
<table width="" cellspacing="10" cellpadding="10" align="center" style="border: medium none ; background: rgb(255, 255, 255) url(undefined) repeat scroll 0% 50%; width: 204px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; border-collapse: collapse;">

change cell spacing/padding to 0

If you need the exact code, go to http://www.1-2productions.com/ee/
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now