IE CSS Help – I’m on my hands and knees here!

  • OK, it pains me greatly to come here and ask for help but I’m about to slit my wrists here. I’m trying to make my first theme, it is an adaptation of Wuhan which is based on Kubrick. I didn’t do close enough research to find out that Wuhan had a major IE problem (it was released without an stile-IE.css Anyway after hours I’ve overcome that and I have the theme close to what I want in Firefox but it still has a major problem in IE. My sidebar content drops to the bottom of the last post and changes to my h4 style.

    As far as I’m concerned this is all the more reason to banish microsoft from the face of the earth but I’m a perfectionist, What can I say…

    My blog is here:
    https://www.22mike.com/blog

    and I’ve posted my entire Style-IE.css at https://www.22mike.com/style

Viewing 4 replies - 1 through 4 (of 4 total)

  • I have a working install of Wuhan (autumn version, with my own graphics) with style-IE.css. It hasn’t any problems at all in IE, at resolutions down to 800×600 and up to 1600×1200.

    Feel free to take a look. I’m not posting the whole css here, you should grab the webdev extension for firefox to view the css.

    https://gallery.sylvermoon.com/ExMachina/

    Edit: generally, a sidebar drop as you describe is a result of some element in either the index.php (for posts) or sidebar.php. Might check that out….]

    Well, crap. That won’t work, for some reason, webdev doesn’t show the style-ie.css, even though it’s @imported. Poop.

    Okay, here’s a link to the file:

    https://gallery.sylvermoon.com/ExMachina/wp-content/themes/Wuhan%20Autumn/style-ie.css

    Thread Starter sfmike22

    (@sfmike22)

    Thank you vkaryl. Your ie.css helped but it still has issues. I will continue working through the css line by line. All I can conclude is that IE sux. Are you listening Bill Gates? Are you?

    I think your problem might have more to do with the xhtml layout rather than css. If you look here:

    https://validator.w3.org/check?verbose=1&uri=http%3A//www.22mike.com/blog/

    You’ll see the doctype is not specified and so IE goes into “quirks mode” which can really screw up rendering. Try fixing the doctype. Its the first chunk of this code with should be in the theme’s “header.php”

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="https://www.w3.org/1999/xhtml">

    <head profile="https://gmpg.org/xfn/11"&gt;
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

    Good luck,

    Rob

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘IE CSS Help – I’m on my hands and knees here!’ is closed to new replies.

Tags