SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: css/css3 & ie8

  1. #1
    SitePoint Guru
    Join Date
    Oct 2010
    Location
    Portland, Or
    Posts
    724
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    css/css3 & ie8

    Could i get some advice on how to fix the staffing animation & footer in ie8?
    http://cdiwwwtest.cdicorp.com/staffing
    ie8 is proving to be a bit of a challenge.
    thx
    D

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Are you linking to the shiv correctly?
    Code:
    <!--[if lt IE 9]>
    		<script src="dist/html5shiv.js"></script>
    		<![endif]-->
    It doesn't seem to be where you are looking for it and may explain the footer problems.

    I haven't had a chance to look at the animation but I'm guessing you will have to completely revise it for ie8. Just on my way out now so will have to look tomorrow.

    As an aside I notice you haven't added the fixes I gave In this thread yet.

  3. #3
    SitePoint Guru
    Join Date
    Oct 2010
    Location
    Portland, Or
    Posts
    724
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    paul thank you.
    Until tomorrow will google for animation or trouble shooting ie8. thanks for the info on the shiv.
    I did look at the other thread first thing this am. (nav bullets) still working on it.
    thx
    D

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Are you linking to the shiv correctly?
    Code:
    <!--[if lt IE 9]>
    		<script src="dist/html5shiv.js"></script>
    <![endif]-->
    It doesn't seem to be where you are looking for it and may explain the footer problems.
    Yes, that link is just to the code within the shiv's download folder. You have to place that script on your site and then link to that. Or you could just link to it online:

    Code:
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    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
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    It looks as though you just need to tweak some margins for IE9 and under (and for everyone else).

    e.g.
    Code:
    <style type="text/css">
    #ro01sub {margin-right:0}
    #ro02sub {margin-left:160px}
    </style>
    
    <!--[if lte IE 9]>
    <style type="text/css">
    #ro01sub {margin-right:-50px}
    #ro02sub {margin-left:20px}
    </style>
    <![endif]-->
    Remember ie9 and under don't understand if you move something with "translate" so you need to supply alternatives.


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
  •