SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2007
    Location
    Hillsborough NH
    Posts
    80
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need some IE8 help with my site

    Hello. I have been working on a project for a client and my site looks like a hot mess in IE8.

    I have it working just fine in IE9, Safari, Chrome and Firefox but IE8 is a disaster.

    http://winstonlg.com/

    Wondering if you have any quick thoughts and tips about what I should add to my style sheets to help correct all my IE8 issues (particularly with the menu and header spacing and the web fonts I am using not showing up properly).

    Any and all help is greatly appreciated.

    Thanks,

    Matt
    Matt Nelson
    Nelson Design Studios
    www.nelsondesignstudios.com

  2. #2
    SitePoint Member
    Join Date
    Dec 2012
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    First of all IE8 is total crap. Second, IE8 doesn't support importing/using your own fonts. I would generally recommend not to bother with making a website work on IE8 but in your case you have to. So there are two options. First you can try to make your html code cross-browser compatible but apparently you haven't managed to do so and you probably won't succeed any time soon. So you can discard this option. Second, you can create a version of your website specifically for IE8. In that case you are going to detect what browser the user is using using JavaScript and then serve the appropriate version of your website.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,367
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Just had a quick look and it looks like you are using media queries to style the content but IE8 doesn't understand media queries.

    You might want to give IE8 its own rules via a conditional stylesheet or use something like respond.js to give basic media query capability to IE8 and under.

    For your custom fonts upload them to font-squirrel and use the code and files that it generates. You can find more on the new bulletproof syntax needed here.

  4. #4
    . shoooo... silver trophy logic_earth's Avatar
    Join Date
    Oct 2005
    Location
    CA
    Posts
    9,013
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by petervasilev View Post
    ..IE8 doesn't support importing/using your own fonts..
    Just for your information in the future. IE supported custom fonts with the "@font-face" declaration well before IE6 (introduced in IE4 1997), in fact Microsoft created the "@font-face" declaration for use in IE. The only deal is, when it was created fonts had very strict licensing agreements, to avoid legal issues, using standard font files was not supported. Thus we have the EOT font format.
    Logic without the fatal effects.
    All code snippets are licensed under WTFPL.


  5. #5
    SitePoint Member
    Join Date
    Dec 2012
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by NelsonDesigns View Post
    Hello. I have been working on a project for a client and my site looks like a hot mess in IE8.

    I have it working just fine in IE9, Safari, Chrome and Firefox but IE8 is a disaster.

    http://winstonlg.com/

    Wondering if you have any quick thoughts and tips about what I should add to my style sheets to help correct all my IE8 issues (particularly with the menu and header spacing and the web fonts I am using not showing up properly).

    Any and all help is greatly appreciated.

    Thanks,

    Matt
    IE 8 is really a pain in ass

    I recommend you write a specific css for ie8, using conditional comment as Paul said, java script is okay, or as I am using Modernizr to detect IE8.

    about font, just upload your font to fontsquirrel as Paul said, it would work.


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
  •