Grow your CSS skills. Land your dream job.

Problem with inline-block

  • # December 29, 2012 at 9:49 am

    Hi,
    I’ve used inline-block in a template but when I testes it on IE7 and IE8 it doesn’t work…so I’ve searched a solution and found that I have to add
    *diplay: inline;
    zoom: 1;
    and it doesn’t work either…please help me !

    # December 29, 2012 at 10:07 am

    That should work as far as I know. Post all of your code

    # December 29, 2012 at 10:10 am

    Please create a [codepen](http://codepen.io) – we can then have a look and see what the problem is.

    It’s likely something else is causing this problem.

    # December 30, 2012 at 9:25 pm

    Did you copy your code example right out of the CSS or did you type it here? I just noticed display is misspelled so if you copied it that could be the easy fix.

    # December 31, 2012 at 10:20 am

    You wrote it like this?

    #yourElement {
    display: inline-block;
    *display: inline;
    zoom: 1;
    }
    Write it in that order. If that doesn’t work then something else is wrong as that is the IE7 fix for that. IE7 does not support inline-block without a hack.

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