PDA

View Full Version : Pagination links display wrong in Firefox



vvv7000
11-04-2008, 04:48 AM
1) Script Title: Featured Content Slider

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.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.

ddadmin
11-04-2008, 10:03 AM
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.

vvv7000
11-05-2008, 10:05 AM
It's not just the links though. Everything below goes on top of the slider too. Here's the site: http://geocities.com/mississaugastarsbaseball/

ddadmin
11-05-2008, 09:16 PM
Try clearing float within your pagination DIV:


<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.

vvv7000
11-06-2008, 03:22 AM
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.

ddadmin
11-09-2008, 06:44 AM
Ah I see the problem now. In your CSS, you have an ennourous CSS height attribute. Remove the line in red in contentslider.css:


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

vvv7000
11-15-2008, 03:38 AM
Things still seem to be the same.

ddadmin
11-15-2008, 04:03 AM
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.

vvv7000
11-15-2008, 05:39 AM
Ahh there we go. Sorry, I didn't read your response carefully enough. Thanks a lot.