SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2009
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS for jQuery slider not working in IE

    Hi, SitePoint members, I installed a jQuery slider on my homepage, and it works fine on Mac and mobile devices, however, on IE, it doesn't position properly on the page, and does not load the background "frame" graphic. I think this might be a CSS issue, but not sure how to fix it. Any suggestions would be greatly appreciated.

    The page is here : http://www.danshamptons.com/indexjs.php

    (image slider is a little ways down on the page)

    Thanks,
    Colin Goldberg
    Webmaster
    Dan's Papers

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,602
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, for one thing your doctype is incomplete thus triggering quirks mode for IE, and thus it'l be treated more like IE5 . Add the bold (the URI)
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    Always looking for web design/development work. Willing to do it cheap to build portfolio!

  3. #3
    SitePoint Enthusiast
    Join Date
    Dec 2009
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You are a truly a code ninja my friend! The only thing different in IE now, is that it is centering the headline and subhead, whereas on the Mac, it aligns them left... any suggestions ?

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,602
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, could you be more specific as to where? What text.
    Always looking for web design/development work. Willing to do it cheap to build portfolio!

  5. #5
    SitePoint Enthusiast
    Join Date
    Dec 2009
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The text it is centering in IE is the caption for each photo in the slider - "Food Fights" in the first frame... (in the greyed out semi-transparent box at the bottom of the pics) - also another issue - it still doesn't work in IE6 (displaying the weird positioning problem overlaying the other content on the page instead of pushing it down, also not loading the frame background graphic for the slider, etc) - is jQuery or this plug-in just not compatible with IE6 ? Should I even be concerned about IE6 ?

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,602
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, untested because your page crashes in FF for me, but on .center you give text-align:center and that will center the text.

    Try setting wrapper to text-align:left (or remove the class)
    Code:
    .wrapper{text-align:left;}
    PS-No need to PM me
    Always looking for web design/development work. Willing to do it cheap to build portfolio!

  7. #7
    SitePoint Enthusiast
    Join Date
    Dec 2009
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ahh OK thanks for that, the text is aligning left now, weird that it crashes your FF, tried it on FF (win) here and it loaded OK.. Still wondering what I should do to make the design work on IE6 & 7.... sorry about the PM, will just reply to posts from now on

  8. #8
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,602
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    My computer's a piece of junk so don't think too hard about it . The Javascript jus takes so long that it keeps asking me if I want to stop scripts, though either option just results in it crashing.

    How do you want the text to align then? Left or center? Or right?
    Always looking for web design/development work. Willing to do it cheap to build portfolio!

  9. #9
    SitePoint Enthusiast
    Join Date
    Dec 2009
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The text is aligning fine now, left, as desired. However, the IE problems are preventing me from moving this slider to our homepage, as still about 10% of our userbase is on IE6... grrrr... Not sure what to do about the CSS problems in IE6.. IE7 looks mostly OK, but the thumbnails under the image slider are not aligning properly. All other browsers it appears to be working fine... any ideas ?


Tags for this Thread

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
  •