Grow your CSS skills. Land your dream job.

IE/Opera Issue: Wrapping li bullets around left floated image

  • # November 23, 2012 at 7:56 pm

    I’m really getting desperate trying to do something that initially appeared very simple.

    I have a left floated image with bulleted li’s that need to flow around the image. Some of the li text is multi-line. The wrapped lines should start flush with the text from the first line (not the bullet).

    This works fine in FF/Safari/Chrome. **In IE/Opera, the bullets are positioned on top of the image.** I’ve read about this issue in different forums, but never got a clear solution. Can someone please help?

    Reduced Test Case: http://www.wisemusician.com/bus.html

    # November 24, 2012 at 2:18 pm

    Works fine for me in IE9

    # November 25, 2012 at 12:50 am

    Yes, it does work correctly on some versions of IE.

    # November 25, 2012 at 3:40 am

    Then you need to be more specific. In which versions of IE isn’t it working?

    Why not, as most of us do, have a separate IE conditional stylesheet to ‘fix’ the issue?

    # November 25, 2012 at 4:21 am

    agreed or use Modernizr. http://modernizr.com/

    # November 25, 2012 at 5:38 pm

    Sorry for being vague.

    It’s broken in all versions of Opera

    It’s broken in IE9 on Win 7

    Works on IE7, IE8 (XP/Win 7) ,IE9 on XP

    How would I target Opera with a conditional stylesheet? Doing so with IE makes sense.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".