Results 1 to 7 of 7

Thread: Featured Content Slider in Firefox

  1. #1
    Join Date
    Mar 2007
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Featured Content Slider in Firefox

    Featured Content Slider

    http://www.dynamicdrive.com/dynamici...tentslider.htm

    Just noticed that Firefox 1.5.0 doesn't display the pagination div properly--
    the nav controls display too high, within the content.

    IE displays fine.

    Do we have a fix (CSS hack?) for this?

    Thanks!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,190 Times in 3,154 Posts
    Blog Entries
    12

    Default

    Looks fine to me on the demo page.
    - John
    ________________________

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

  3. #3
    Join Date
    Mar 2007
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Okay. So, perhaps we 'changed' something (I thought we copied
    it directly from the page) ... I'll take a look.

    Any ideas/suggestions?

  4. #4
    Join Date
    Aug 2004
    Posts
    9,878
    Thanks
    3
    Thanked 962 Times in 951 Posts
    Blog Entries
    15

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.

  5. #5
    Join Date
    Mar 2007
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    g r o w t h t r a c dot com/ newindex.php

    Thanks for the assist.

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,190 Times in 3,154 Posts
    Blog Entries
    12

    Default

    This may or may not have anything to do with it but, you have this:

    HTML Code:
    <link rel="stylesheet" type="text/css" href="http://www.growthtrac.com/contentslider.css" />
    <script type="text/javascript" src="http://www.growthtrac.com/contentslider.js">
    and this:

    HTML Code:
    <link rel="stylesheet" type="text/css" href="contentslider.css" />
    <script type="text/javascript" src="contentslider.js">
    on the page, it should really only be one or the other.

    I found that adding about 25px top padding (I also liked 416 for the width):

    Code:
    .pagination{
    width: 416px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
    text-align: right;
    border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
    padding: 25px 0 4px 0;
    }
    Seemed to do the trick. This will most likely throw things off for IE. If it does, add this conditional after the link to the contentslider css, as shown:

    HTML Code:
    <link rel="stylesheet" type="text/css" href="contentslider.css" />
    <!--[if IE]>
    <style type="text/css">
    .pagination {
    padding-top:0;
    }
    </style>
    <![endif]-->
    However, the problem is really more fundamental I think but, without a DOCTYPE, you are in quirks mode so, whatever works.
    - John
    ________________________

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

  7. #7
    Join Date
    Mar 2007
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Perfect! Thanks for your time John.

    Jim

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
  •