Results 1 to 4 of 4

Thread: Ultimate Slideshow on firefox

  1. #1
    Join Date
    Jun 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Ultimate Slideshow on firefox

    1) Script Title: Ultimate Fade-In Slideshow

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

    3) Describe problem: I have used this script on another site for about a year - http://www.coachworksautosales.com/auction.html

    I tried it on a new site - http://www.kbanet.com/jlfh/ and it works fine on IE (surprising) and Opera. But on Firefox, it shoves the slideshow to the right of the content.

    I tried expanding the size of the slideshow div to 10px over the size of the slideshow but no change.

    I copied the old code off of the first site listed, since it has been working fine, but I'm still getting the same problem with Firefox.

    I'm out of ideas.

  2. #2
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Perhaps use, for the div tag, dimensions that match the image?

    Code:
    <div id="slideshow" style="height:150; width:750;">
    I thought this might be an issue with the divs not matching up, and that the slideshow might not have a place to go, but from my count, all of the divs that are opened are later closed at what seems like a reasonable time. If this is the problem, I'd suggest taking it apart bit by bit to see if any of the tags are out of order there.
    Last edited by djr33; 05-26-2007 at 09:17 PM.
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

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

    For the #slideshow selector in your stylesheet, change it to this:

    Code:
    #slideshow
    {
    	margin: 0 auto;
    	width: 750px;
    	border-right: solid #C0C0C0 4px;
    	border-bottom: solid #C0C0C0 4px;
    	border-left: solid #C0C0C0 4px;
    	float:left;
    	margin-left:15px;
    }
    You probably can get rid of:

    margin: 0 auto;

    But, I wasn't able to test that anywhere near as easily as you should be able to. Leaving it in didn't seem to hurt anything.
    - John
    ________________________

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

  4. #4
    Join Date
    Jun 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Well, I'll be darned.

    The float and margin tags worked.

    Thanks, John.

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
  •