Solved

ticker issues with IE

Posted on 2011-02-17
5
272 Views
Last Modified: 2012-05-11
I have a ticker that works fine in safari and firefox.  But for some reason it is not working in explorer.  I have attached an image of the results, and I have attached my code.  Can someone let me know what I am doing wrong?

<!DOCTYPE HTML>

<head>
            
            <style type="text/css">
      html { height: 35px; }
      body,td,th {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 10px;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		}
a:link { COLOR: #0e71f6; }
a:visited { COLOR: #0e71f6; }
white-space: nowrap;

</style>

</head>

<body>

<DIV ID="TICKER" STYLE="display:none; border-top:0px solid #ffffff; border-bottom:1px solid #cccccc; overflow:hidden; background-image: url(../datagrid/images/body_bg.gif); width:700px" onMouseOver="TICKER_PAUSED=true" onMouseOut="TICKER_PAUSED=false">

	<span style='background-image: url(../datagrid/images/head_bg.gif);'> &nbsp; &nbsp; <font color=#666666> <B>TOP 20 RANKING</B></font>&nbsp; &nbsp; </span> &nbsp;<?php print "$xmlBody"; ?>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
	<span style='background-image: url(../datagrid/images/head_bg.gif);'> &nbsp; &nbsp; <font color=#666666> <B>MOST FRIENDS</B></font>&nbsp; &nbsp; </span> &nbsp; <?php print "$xml2Body"; ?>&nbsp; 
	<span style='background-image: url(../datagrid/images/head_bg.gif);'> &nbsp; &nbsp; <font color=#666666> <B>MOST COMMENTS RECEIVED</B></font>&nbsp; &nbsp; </span> &nbsp; <?php print "$xml3Body"; ?>&nbsp;</DIV>

	<script type="text/javascript" src="../webticker_lib.js" language="javascript"></script>

	</body>

</html>

Open in new window

ticker.jpg
0
Comment
Question by:MsKrissy
  • 3
  • 2
5 Comments
 
LVL 23

Expert Comment

by:wdosanjos
Comment Utility
You also need to specify the 'height' on your DIV.  Something like:

<DIV ID="TICKER" STYLE="display:none; border-top:0px solid #ffffff; border-bottom:1px solid #cccccc; overflow:hidden; background-image: url(../datagrid/images/body_bg.gif); width:700px; height:20px;" onMouseOver="TICKER_PAUSED=true" onMouseOut="TICKER_PAUSED=false">

I hope this helps.
0
 

Author Comment

by:MsKrissy
Comment Utility
I did that, it reduced the size, but the scrolling still does not occur in IE, is there some kind of "no wrap" specification I can add?
0
 
LVL 23

Accepted Solution

by:
wdosanjos earned 500 total points
Comment Utility
Yes,  please try the following:

<DIV ID="TICKER" NOWRAP STYLE="display:none; border-top:0px solid #ffffff; border-bottom:1px solid #cccccc; overflow:hidden; background-image: url(../datagrid/images/body_bg.gif); width:700px; height:20px;" onMouseOver="TICKER_PAUSED=true" onMouseOut="TICKER_PAUSED=false">

BTW, here is the IE reference for the DIV tag:
http://msdn.microsoft.com/en-us/library/ms535240(v=VS.85).aspx
0
 

Author Comment

by:MsKrissy
Comment Utility
I had to move the nowrap to this location, and it worked great, thank you very much!

<DIV ID="TICKER" STYLE="white-space:nowrap; display:none; border-top:0px solid #ffffff; border-bottom:1px solid #ffffff; overflow:hidden; background-image: url(../datagrid/images/body_bg.gif); width:700px; height:15px;" onMouseOver="TICKER_PAUSED=true" onMouseOut="TICKER_PAUSED=false">
0
 

Author Closing Comment

by:MsKrissy
Comment Utility
thank you again for the help.
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Suggested Solutions

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

772 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

11 Experts available now in Live!

Get 1:1 Help Now