theme looks good in FF but horrible in IE

  • i’m creating a theme and it looks great in FF.
    but loading it up in IE it looks like a trainwreck.

    here is the link here: https://www.black-rap.com/blog/

    i don’t know where to begin on how to correct it.

    i’m thinking of doing a brand new css for ie,
    but how do i have it so that when it loads up in a different browser,
    it loads up a different css file.

    is that even a good solution for my problem?

    any help would be greatly appreciated!
    thanks!

    ps. it’s also is messing up in chrome as well.

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

  • Your site looks good in IE8 and Firefox, but breaks in the header area in IE7.

    Okay, I don’t have much time here now other than a quick look, but want to pass this on…in your header.php, look at the line:

    <!--[if lt IE 7]>
<link rel="stylesheet" href="https://www.black-rap.com/blog/wp-content/themes/black-rap/ie.css" type="text/css" media="all" />
<![endif]-->

    That’s a conditional stylesheet you have for IE7. There’s no need to make another IE stylesheet. I’d take a look at that first, most likely the divs and floats in the header area.

    Thread Starter bozack

    (@bozack)

    looking at it in ie8, i’m finding it looks bad like in ie7.
    if there’s a way to edit my original stylesheet so that its compatible in both browsers, how would i go about doing that?

    Start by validating the site. There’s a whole stack of h11, h17 and other non-existent tags in there. They need to be removed so that any remaining issues that might be affecting IE8 (like the lack of a top navbar) can be identified more easily.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘theme looks good in FF but horrible in IE’ is closed to new replies.