Solved

Marquee problems ie vs firefox

Posted on 2006-07-06
13
1,097 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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
 

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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Local HTML file to display local Access MDB data in browser 4 61
Use Mid in Html 6 22
Hide and Unhide Table 6 25
Need help with FaceBook login 2 18
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

749 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