treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Problem with inline-block

  • 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 !

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

  • Please create a codepen - we can then have a look and see what the problem is.

    It's likely something else is causing this problem.

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

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