Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Position of div correct in FF, wrong in IE7

    Hi all,

    I made a rss feed block for my portal page and when it comes to position the feed is nicely centered in Firefox but in IE7 it is way off.
    I've searched the interweb and also these forums but could not find a solution to my problem.
    Below are some pics to clarify my problem along with the code I used.

    Firefox - Correct position


    IE7 - Wrong position


    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Rss-feed</title>
    <script type="text/javascript" src="javascript/rsspausescroller.js"></script>
    <style type="text/css">
    .container { 
    	margin: 0; 
    	padding: 0;
    	background: url(images/hdr_mid2.gif) top left repeat-x;
    	white-space: nowrap;
    	height: 27px;
    	width: 100%;
    	text-align: center;
    }
    .left { 
    	background: url(images/hdr_left2.gif) top left no-repeat;
    }
    .right { 
    	background: url(images/hdr_right2.gif) top right no-repeat;
            padding-top: 8px;
    	height: 19px;
    }
    #pscroller1 {
            width: 640px;
            height: 18px;
            border: none;
            padding: 0px;
            background-color: transparent;
            text-align: center;
    }
    .rssclass .rsstitle {
            font-weight: bold;
    }
    .rssclass .rssdate {
            color: gray;
            font-size: 85%;
    }
    .rssclass a {
            text-decoration: none;
    }
    .rssfeed {
    	margin: 0;
    	padding: 0;
    	float: right;
    	white-space: nowrap;
    }
    </style>
    </head>
    <body>
    
    <div class="container">
      <div class="left">
        <div class="right"><script type="text/javascript">new rsspausescroller("wor", "pscroller1", "rssclass", 3500, "_new")</script></div>
      </div>
    </div>
     
    </body>
    </html>
    Last edited by Repoman013; 02-13-2009 at 11:53 PM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,862
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the quick reply.
    I fixed the errors by validating the code but the problem remains.
    Below is the updated code.

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Rss-feed</title>
    <script type="text/javascript" src="javascript/rsspausescroller.js"></script>
    <style type="text/css">
    .container { 
    	margin: 0; 
    	padding: 0;
    	background: url(images/hdr_mid2.gif) top left repeat-x;
    	white-space: nowrap;
    	height: 27px;
    	width: 100%;
    	text-align: center;
    }
    .left { 
    	background: url(images/hdr_left2.gif) top left no-repeat;
    }
    .right { 
    	background: url(images/hdr_right2.gif) top right no-repeat;
            padding-top: 8px;
    	height: 19px;
    }
    #pscroller1 {
            width: 640px;
            height: 18px;
            border: none;
            padding: 0px;
            background-color: transparent;
            text-align: center;
    }
    .rssclass .rsstitle {
            font-weight: bold;
    }
    .rssclass .rssdate {
            color: gray;
            font-size: 85%;
    }
    .rssclass a {
            text-decoration: none;
    }
    .rssfeed {
    	margin: 0;
    	padding: 0;
    	float: right;
    	white-space: nowrap;
    }
    </style>
    </head>
    <body>
    
    <div class="container">
      <div class="left">
        <div class="right"><script type="text/javascript">new rsspausescroller("wor", "pscroller1", "rssclass", 3500, "_new")</script></div>
      </div>
    </div>
     
    </body>
    </html>

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,862
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Alright! could you post a link to your page? All that I could see is a blank page, as I don't have those background images.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

  • #6
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    Have you already fixed the problem? I don't see much difference between IE6 and FF3.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #7
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It's IE7 that is messing around.

    No fix yet, problem remains.

  • #8
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer

    I'm viewing in IE 6 and it does not show up correctly. Weird. Not sure what Jerry saw, but there is definately text going where I can't see it.

    Have you tried ?

    Code:
    .rssfeed {
                 margin-left: auto;
                 margin-right: auto;
    	padding: 0;
    	float: right;
    	white-space: nowrap;

  • #9
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the reply chasyaj but it didn't fix the problem
    Could it be a javascript problem or?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •