IE8 makes site look all messed up

  • dubsdj

    (@dubsdj)


    10 years, 2 months ago

    Hi when I look at my site in IE8 or compatibility mode it goes completely crazy with the layouts

    http://test.battleabbeyschool.com

    I have tried pasting various meta tags / scripts in the header.php which are supposed to help but none of them work unless I’m doing it wrong. When I pasted
    <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7? />

    just before the </head> tag in the header.php it does nothing except shift the entire banner down a line so there is whitespace?..

    thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • esmi

    (@esmi)

    10 years, 2 months ago

    What theme are you using? Where did you download it from?

    Thread Starter dubsdj

    (@dubsdj)

    10 years, 2 months ago

    see screenshot in IE8

    http://test.battleabbeyschool.com/ss3.PNG

    any idea? thanks

    Thread Starter dubsdj

    (@dubsdj)

    10 years, 2 months ago

    twenty thirteen

    I created a tweaks.php file and activated it in plugins with the following code in it: Still doesn’t seem to help at all.. 🙁

    <?php

/*

Plugin Name: Tweaks (mini-plugins)

*/

function fix_ie8() {if (strpos($_SERVER['HTTP_USER_AGENT'],"MSIE 8")) {header("X-UA-Compatible: IE=7");}}

add_action('bb_send_headers','fix_ie8');  // for bbPress

add_action('send_headers','fix_ie8');    // for WordPress

?>
    Thread Starter dubsdj

    (@dubsdj)

    10 years, 2 months ago

    Gave up no help here

    went to: Browser-Update.org

    downloaded WP BrowserUpdate plugin.

    now it tells the user they are using an out of date browser.

    bemdesign

    (@bemdesign)

    10 years, 2 months ago

    WordPress twentythirteen theme automatically adds a css class for any IE browser less than version 9 to provide hooks you can use to add CSS styles to help manage older IE browsers issues. In your case the hook is a class called “ie-8” on the html tag. It looks like your issue is with the navigation. You will need to create a child theme with customized CSS to help IE 8 find a better solution for your nav bar. I’m a bit surprised that the default TwentyThirteen style didn’t handle this by default – usually default themse are pretty good about handling older browsers.

    Unless you’ve heavily modified it? If you are modifying the theme, please make sure to use a child theme so your changes are not overwritten by a theme update!

    Thread Starter dubsdj

    (@dubsdj)

    10 years, 2 months ago

    I have heavily modified it yes. I am using a child theme.
    It seems that the width 100% modification does not work with IE8. The content compresses itself so there are white spaces either side of the page.

    as I said above I have put a plugin in that informs users that they should update their browser. IE8 is pretty ancient really.

    I wish Microsoft would just buy firefox (wishful thinking) and ditch their browser altogether. It’s always causing me headaches 🙁

    Thanks

    bemdesign

    (@bemdesign)

    10 years, 2 months ago

    Well IE 8 is quite a bit better than IE 6! Like I said you could use that html tag class hook to create specific styling on the navigation just for the nav bar. Look at your sites stats though to see if IE 8 is worth supporting. No point is supporting a browser that may not even be used a lot on your site.

    Thread Starter dubsdj

    (@dubsdj)

    10 years, 2 months ago

    Nice one, that’s helpful to know!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘IE8 makes site look all messed up’ is closed to new replies.