View Full Version : Invisible in IE

08-20-2005, 06:54 AM
I just redesigned my site (http://www.ourkith.com) and it is working perfectly in Firefox(as usual) but IE slaughters it by only displaying the background color for the body. I'm baffled by why it is doing this. I'm guessing it might be css.

I'm using @import to enable modern browsers to view a modern stylesheet while the others have to deal with the <link rel="stylesheet" type="text/css" href="http://www.ourkith.com/css/ie_sucks.css"> link. From what I know IE should ignore the @import because IE sucks at pretty much everything.

Here are the links to the stylesheets:
Older Browsers - http://www.ourkith.com/css/IE_sucks.css
Modern Browsers - http://www.ourkith.com/css/main.css

The main site is located at http://www.ourkith.com

Please help... :confused:

08-20-2005, 09:25 AM
No, IE won't ignore the @import link.

@import is commonly used to (amongst other things) hide stylesheets from version 4 browsers, particularly Netscape 4.x and under.

A better way to achieve this IMO is to add multipe media types to your link, like so: <link rel="stylesheet" type="text/css" media="screen, projection"

This basically has the same effect.

I would question the desire just to write IE off though, even on a personal site. As a web designer you should be able to show that you can make sites that render reasonably well in all popular browsers.

Kind Regards,


08-20-2005, 05:10 PM
Well, I changed it to:

<link rel="stylesheet" type="text/css" href="http://www.ourkith.com/css/ie_sucks.css">
<link rel="stylesheet" type="text/css" href="http://www.ourkith.com/css/main.css" media="screen, projection">

Still no luck. Maybe it isn't a css issue but something else within the site.

I'm not really trying to ride off IE. If I were trying that I'd be pretty pleased by the effect happening right now. While I don't like having to deal with IE's quirks, I do understand that it's still the most popular browser and many of visitors use it. I have the seperate stylesheet because IE doesn't like the box layout (Messes up widths and such).

Well hey, I just figured it out. It wasnt a css flaw, but rather a javascript error. Maybe I'll be heading over to the javascript forum soon if I can't figure this one out.

Thanks for taking a look anyway!

08-21-2005, 06:14 PM
try this:

<!--[if lt IE 7]>
<link rel="stylesheet" href="ie.css" type="text/css" />