Treehouse: Grow your CSS skills. Land your dream job.

IE inline-block problem

  • # November 14, 2012 at 2:19 am

    Hello. I’m asking for help with a problem I came across in IE9. I’m developing a website with fluid design and I have a nested list. The outer list has CSS styling ul-“display:block” and li-“display:inline-block”. The nested list has display list-item. Everything works fine in other browsers but IE….he has a mind of it’s own :) the list is displayed as inline-block. If I remove it from the outer list everything is fine. I looked everywhere for the answer but I did’t find anything specific on the subject. Thanks for the help! If needed I will post the code.

    # November 14, 2012 at 3:04 am

    Do you have anchors in this list that you want to be click able?

    # November 14, 2012 at 3:12 am

    Yes. One in each one.

    # November 14, 2012 at 3:33 am

    Well, it’s usually best to add;

    display: block;

    to the anchors themselves to maximise the clicking area if padding is applied etc.

    also, instead of;

    display: inline-block;

    try using;

    float: left;

    # November 14, 2012 at 4:19 am

    make sure its is actually rendering as IE9 not IE9 emulating an earlier version aswell

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

You must be logged in to reply to this topic.