SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Mar 2011
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    jQuery Image slider won't align in IE

    New to JQuery and trying to learn as I go.

    Trying to set up a simple slider and it works perfectly in everything but IE. Every time I reset the x/y coordinates it looks different in every browser.

    Any help would be greatly appreciated.

    Untitled Document

    Thanks

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,112
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Hi mherron54! Welcome to SitePoint.

    Could you just clarify which bit is the slider? I've viewing this in Firefox, but I don't see a "slider" there.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Member
    Join Date
    Mar 2011
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The slider should be just above the twitter feed on the right side. Should have 4 images, team sweetness, foundation, twitter and facebook. Should be an orange ribbon under to select the 4 images.

    Is that what you are looking for or do you want the code?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,112
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    O, right. In Firefox the slider is hidden behind the Twitter feed. If you remove these lines

    Code:
    .folio_block {
      left: 50%;
      margin: 235px 0 0 215px;
      position: absolute;
      top: 50%;
    }
    it sits where it should.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  5. #5
    SitePoint Member
    Join Date
    Mar 2011
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Since I got home and looked at the page on another computer, it appears the jquery slider is moving around the screen based on the size of my browser window. Driving me nuts

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,112
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by mherron54 View Post
    Since I got home and looked at the page on another computer, it appears the jquery slider is moving around the screen based on the size of my browser window. Driving me nuts
    See my post above. position: absolute is no good here, unless the container has position: relative. But you don't need it anyway.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  7. #7
    SitePoint Member
    Join Date
    Mar 2011
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ralph, you sir are the man. I knew it was something simple. Many thanks


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
  •