Results 1 to 4 of 4

Thread: IE problem with web page

  1. #1
    Join Date
    Aug 2009
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default IE problem with web page

    I am having a problem with a javascript scroller feature in IE. Works great in Firefox and Chrome. Upon loading the page, there is a split-second adjustment to the spacing of the scroller, then it resolves itself. The scroller feature works fine until you refresh or reload the page, then is goes through the re-adjustment again. There are four pages at this site doing this and they all have the same feature on them:

    www.matrix-dt.com/minneapolis.html
    www.matrix-dt.com/cedarrapids.html
    www.matrix-dt.com/kansascity.html
    www.matrix-dt.com/stlouis.html

    I did my best with debugging using microsoft's debugging feature, but it's still doing it. Might be a CSS issue, too, but I want to start with the javascript first.

    Many thanks for taking a look.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Frankly I wouldn't worry about it. To the casual eye it's barely noticeable. And in IE 9 it doesn't happen.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Aug 2009
    Posts
    24
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Well, unfortunately, the owner of the site doesn't feel the same way :-(

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    OK, do this (add the highlighted):

    Code:
     . . . cript" src="lib/cufon.js"></script>
    <script type="text/javascript" src="lib/jquery-core.js"></script>
    <script type="text/javascript" src="lib/jquery-cycle.js"></script>
    <script type="text/javascript" src="lib/jquery-jcarousel.js"></script>
    <script type="text/javascript" src="lib/jquery-config.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript">
    jQuery(function($){
    	$('#jcarousel-content-3').css({visibility: 'visible'});
    });
    </script>
    <style type="text/css">
    #jcarousel-content-3 {
    	visibility: hidden;
    }
    </style>
    <![endif]-->
    </head>
    <body id="top">
    <div class="wrapper" id="wr . . . 
    Works here.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

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