The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Internet Explorer problem

  • # April 20, 2010 at 9:02 am

    Hey everyone, im in need of your advice.

    The below URL renders fine in FF, Safari, etc but in Internet Explorer 6 7 8 the sidebar seems to go missing, ive looked at the code for hours and cant figure out what the problem is. It’s really quite annoying. Any help would be appreciated a lot! thanks in advance!

    P.S. go easy on me with the sloppy coding, newbie still :) thanks agian!

    # April 24, 2010 at 12:49 pm

    This reply has been reported for inappropriate content.

    Add this to your CSS

    .clear { clear: both; }

    And just before your div#container closes, add the following HTML


    Did that help? (Also maybe set the position of #container to relative)

    # April 25, 2010 at 1:17 am

    Have you tried making individual stylesheets for each ie browser? then use this codes

    <!–[if IE 6]>
    <link rel="stylesheet" type="text/css" href=" yourfile’slocation/ie6.css" />
    <!–[if IE 7]>
    <link rel="stylesheet" type="text/css" href=" yourfile’slocation /ie7.css"/>

    <!–[if IE 8]>
    <link rel="stylesheet" type="text/css" href=" yourfile’slocation /ie8.css"/>

    You must keep in mind that you don’t need to rewrite all your main css codes into the ie stylesheet, instead write the codes that were affected by the bugs when viewed on that specific ie browser. In your case the sidebar is not appearing…

    try tweeking the width and the position of your sidebar… make it relative… heres a link to the css ie bug article … very-time/

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed