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

layout problem in IE

  • # July 13, 2009 at 2:54 am


    hope some of you experts can help me.

    my site 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.


    # 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.

    ul#menu li a {

    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).


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

    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

    This reply has been reported for inappropriate content.

    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.

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

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed