Grow your CSS skills. Land your dream job.

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!

    http://strawberrymilitia.com/port_sm.html

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

    # April 24, 2010 at 12:49 pm

    Add this to your CSS

    Code:
    .clear { clear: both; }

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

    Code:

    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" />
    <![endif]–>
    <!–[if IE 7]>
    <link rel="stylesheet" type="text/css" href=" yourfile’slocation /ie7.css"/>
    <![endif]–>

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

    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

    http://css-tricks.com/ie-css-bugs-thatl … very-time/

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".