SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Horizontal Scrolling in FireFox

    I've made a page that duplicates the old apple slider. The demo is at (chrisblackwell.me/legend/)

    The slider works great in Safari and Chrome, but not so much in FireFox. The elements don't seem to want to go outside the containers width. Any thoughts?
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,374
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    You'd probably need to us inline-block instead of float on the anchor because floats don't honour the white-space nowrap.

    Code:
    .sliderGallery ul li a{
    float:none;
    display:inline-block;
    }
    The JS doesn't seem to be working Firefox either.

  3. #3
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That seem to fix the problem. It didn't work when I added inline-block on the a element, but did when I added it to the li element.
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,374
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by XraySierra View Post
    That seem to fix the problem. It didn't work when I added inline-block on the a element, but did when I added it to the li element.
    Glad you got it sorted


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
  •