Results 1 to 9 of 9

Thread: Pagination links display wrong in Firefox

  1. #1
    Join Date
    Jan 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Pagination links display wrong in Firefox

    1) Script Title: Featured Content Slider

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tentslider.htm

    3) Describe problem: When viewed in FF, the pagination links display at the top and interfere with the pictures in the slider. Just wondering if this can be fixed somehow.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Sounds like something with your CSS. Please post a link to the page on your site that contains the problematic script so we can check it out.
    DD Admin

  3. #3
    Join Date
    Jan 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    It's not just the links though. Everything below goes on top of the slider too. Here's the site: http://geocities.com/mississaugastarsbaseball/

  4. #4
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Try clearing float within your pagination DIV:

    Code:
    <div class="pagination" id="paginate-slider1" style="clear:left"></div>
    This may be necessary, since the table you're using to show the contents has a CSS float property.
    DD Admin

  5. #5
    Join Date
    Jan 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I added in style="clear:left" to that tag, but nothing seemed to change. I also tried deleting style="float:left" in the slider table, and the content below the slider was then underneath the pictures in the slider. The pagination links remained at the top though.

  6. #6
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Ah I see the problem now. In your CSS, you have an ennourous CSS height attribute. Remove the line in red in contentslider.css:

    Code:
    .contentslide{
    border: 0px solid ;
    border-bottom-width: 0px;
    padding: 0;
    width: 491px;
    height: 0;
    }
    DD Admin

  7. #7
    Join Date
    Jan 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Things still seem to be the same.

  8. #8
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    You haven't removed height: 0; within your CSS yet. I just tried that, and in FF3, the pagination moves down to the bottom as it should.
    DD Admin

  9. #9
    Join Date
    Jan 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ahh there we go. Sorry, I didn't read your response carefully enough. Thanks a lot.

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
  •