Grow your CSS skills. Land your dream job.

Float left/right userbar broken in IE7

  • # March 20, 2013 at 5:58 pm

    Broken in IE7, but looks good in FF/Chrome

    Cannot figure out why :(

    Should look like this: http://i.imgur.com/DOnMQrm.png

    Codepen: http://cdpn.io/wieEK

    # March 20, 2013 at 6:41 pm

    As a first step remove all ` ` from your HTML code and use CSS padding or margins instead to gain desired space between elements.

    # March 20, 2013 at 8:22 pm

    So what’s wrong in IE7? Looks good to me. Except the drop shadow of course, but that’s because IE7 doesn’t support that.

    # March 20, 2013 at 8:49 pm

    IE7 (and IE6) drops the right floated element below the ` ` that is between the floated elements.

    # March 21, 2013 at 2:00 pm

    **@Senff**, IE7 looks like this; http://i.imgur.com/UrdPHBr.png (view cart doesn’t float right)

    **@Merri**, removed all  ‘s

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