Get a free trial // Grow your CSS skills // Land your dream job

Not displaying properly in IE7 – Help

  • # January 8, 2009 at 5:23 pm

    Hey everyone. I’m creating this site for a project ive been given… it displays correctly in FF3 , Sarari 3 and Opera… but shock horror theres a problem in IE7… can you take a look and help me out.

    Basicly the main content area (the right col) is further up in IE than it should be.

    Here is the page..

    Thanks in Advance.

    oh and… Someone kill IE… all versions of it please =]

    # January 8, 2009 at 6:11 pm
    Website Under Review

    You see this page, because the system administrator of is currently checking this website for malicious content. This redirect will be removed once we will finish manually checking all files on this account. As far we check over 100 websites, it can take about 2-4 hours to complete. If you are the owner of this website, you will get email confirmation once it’s done. If you are a visitor – please come back later.

    # January 8, 2009 at 6:13 pm

    try to avoid positioning with margin, coz IE makes up its own rules there:

    try changing this bit

    #main_bg {
    width: 528px;
    background: url(images/main_bg_rpt.png) repeat-y ;
    margin: 52px 0 0 0;
    padding: 10px;


    #main_bg {
    width: 528px;
    background: url(images/main_bg_rpt.png) repeat-y ;
    margin: 0 0 52px 0;
    padding: 10px;

    see if that fixes it

    # January 8, 2009 at 6:24 pm

    Sorry i have the site hosted for free so i could show you guys.

    That code snippet you gave me solved my problem for IE but then i lose my bottom rounded corner in FF and Safari?

    any way i could get it back without messing IE up again?

    Thanks again

    # January 8, 2009 at 6:31 pm

    mmm cant check without site :S

    the reason I kept that bottom margin of 52px was to make the rounded corners work in FF… but if its not working… can you get it up anywhere else?

    # January 8, 2009 at 6:33 pm

    erm its here now…

    thanks :)

    # January 8, 2009 at 7:08 pm

    just above your #main_bottom you have an extra "}" which is causing you some issues :)

    # January 9, 2009 at 4:14 am

    Ahhh… my bad.

    that fixed it, thanks alot. :D

    # January 9, 2009 at 5:49 am

    nice :)

Viewing 9 posts - 1 through 9 (of 9 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