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("n sfriendly" ).style.di splay = "";
}
</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("S crollTxt") ;
ScrollTxt.start();
if (marTag == null) { return; }
marTag.direction = val;
}
function StartStopMarq(val) {
var marTag = document.getElementById("S crollTxt") ;
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>
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("n
}
</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('
<td><img src="http://216.150.213.182/servlet/ImageServer/anonymous_hotdesk_4/@gide/scroller_arrdwn.gif" style="cursor: pointer;" onclick="ChangeDirection('
<td><img src="http://216.150.213.182/servlet/ImageServer/anonymous_hotdesk_4/@gide/scroller_stop.gif" style="cursor: pointer;" onClick="StartStopMarq(0)"
</tr>
</table>
</div>
<script language="javascript">
function ChangeDirection(val) {
var marTag = document.getElementById("S
ScrollTxt.start();
if (marTag == null) { return; }
marTag.direction = val;
}
function StartStopMarq(val) {
var marTag = document.getElementById("S
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();"
<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>
Looks good to me as well FF 1.5.0.4 IE6
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.
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-pol icy: -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.
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-pol
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.
ASKER
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
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 :-)
it has your page on it...feel free to take back your code :-)
n/m....wtf....it worked in testing...hmmm
ASKER
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Regards,
Max.