Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4

Thread: Invisible in IE

  1. #1
    Regular Coder medigerati's Avatar
    Join Date
    Jul 2005
    Location
    San Antonio, Tx
    Posts
    163
    Thanks
    0
    Thanked 7 Times in 7 Posts

    Invisible in IE

    Hi,
    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...
    Kevin
    If you need a little more help, I'm available as a Website designer in San Antonio
    ----------
    If I've helped, please check out my friend's nature photography and let me know if you like anything.

  • #2
    Regular Coder Graft-Creative's Avatar
    Join Date
    Aug 2004
    Location
    Web Designer - North East Lancashire U.K.
    Posts
    842
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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,

    Gary

  • #3
    Regular Coder medigerati's Avatar
    Join Date
    Jul 2005
    Location
    San Antonio, Tx
    Posts
    163
    Thanks
    0
    Thanked 7 Times in 7 Posts
    Well, I changed it to:
    Code:
    <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!
    Kevin
    If you need a little more help, I'm available as a Website designer in San Antonio
    ----------
    If I've helped, please check out my friend's nature photography and let me know if you like anything.

  • #4
    Regular Coder Graft-Creative's Avatar
    Join Date
    Aug 2004
    Location
    Web Designer - North East Lancashire U.K.
    Posts
    842
    Thanks
    0
    Thanked 0 Times in 0 Posts
    try this:


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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •