Grow your CSS skills. Land your dream job.

layout problem in IE

  • # July 13, 2009 at 2:54 am

    hello

    hope some of you experts can help me.

    my site http://www.blackart.dk look great en firefox , safari. But in IE it looks wrong, the menu is missing round corners..

    you can easy see the problem if you tjek the site…

    I new in the wepdev. i have learn a lot from this site. but i can not figurer this out.

    Heino

    eXo
    # July 13, 2009 at 3:05 am

    Post your code so we can take a better look at the situation.
    but if i take a quick look on ur website i am geusing it’s your height.

    Code:
    ul#menu li a {
    height:69px;
    }

    what do you get if you change that to 150px?

    # July 13, 2009 at 3:14 am
    "eXo" wrote:
    Post your code so we can take a better look at the situation.

    He’s already posted a link to the site, which is more than enough (and far more preferred than posting code in a thread).

    theone,

    The only reason your rounded corners are working is because of this inline styling:

    Code:
    style=”-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;

    This code will NOT work in IE, however. I see you’re trying to use jquery as well for the rounded corners, but it’s clearly not working. I would look into that.

    # August 1, 2009 at 12:37 pm

    Hallo agian

    i have try every think i know to fix it, alle my codes i valid correct.

    is there any there will try to help me

    # August 1, 2009 at 1:29 pm

    First of all, I don’t really understand why you are using rounded corners on the menu. You are using a background image anyhow so why not just add the rounded corners to that image?

    You don’t need overflow:hidden; on the menu_wrap, and change the height on ul#menu li a to 47px.

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

You must be logged in to reply to this topic.

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