Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Fix website for IE 6-9

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #172303
    Jtwa11
    Participant

    I’m not sure what to do and how to do it!

    My website is all messed up on older browsers. What should I do ?

    Your text to link here…

    #172304
    shaneisme
    Participant

    It’s pretty impossible to help without any information.

    Do you really need to go that far back? I don’t know your usage stats, but even IE8 support these days is a waste of resources in most cases.

    That said, if you set up your website to be extremely simple for a “mobile first” approach, and then use things like media queries and JS to add enhancements your website should work on just about anything.

    #172317
    paulob
    Participant

    You’ll need the html5shiv for ie8 and under or they won’t recognise the new html5 elements that you are using.

      
    <!--[if lt IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <![endif]-->
    

    Don’t forget the html5 doctype or that will render ie9 and under as though they were almost ie5.

    It may be worth forcing the issue with the edge meta tag at the top of the head of the page.

     
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    

    You can’t wrap block elements in a span so change the element to a div instead. This is where you have closed the span:

            </div>
     </footer>
    </span> 
    

    IE8 and under doesn’t suport media queries so you need to add support via a script. Combine it with the shiv:

    
     <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    

    More info on the bootstrap home page.

    The above should get ie8 and 9 back into shape but IE7 is likely to need specific tweaks and I don’t believe ie7 and under is supported in bootstrap anyway (which is what you seem to be using).

    #172318
    shaneisme
    Participant

    Correcting myself:

    It’s pretty impossible to help without any information.

    I didn’t look at what you had linked, I thought it was just screenshots (it’s what I get for checking forums while working).

    The other contributors to this thread seem to have given the correct info anyway :)

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.