Grow your CSS skills. Land your dream job.

[Solved] UL Items – Spaces Equal Line Break in IE

  • # January 29, 2010 at 11:40 am

    Guys, take a look at http://packsolinc.com/products-services … tles-jars/ on IE and tell me what in the world is going on here?? LOL. The UL;s use the same CSS class and the LI do as well for each and every list, but for some reason, the two lists on the left side keep breaking the phrases into different lines. (see attachment).

    Help is appreciated…thanks!
    Chris

    # January 29, 2010 at 12:34 pm

    This may be a dumb suggestion, but IE is a dumb browser, so please let my curiosity run wild…

    Try removing the comments that you have back to back:

    Code:

    and

    Code:

    Kill those and see what happens.

    # January 29, 2010 at 12:53 pm

    It works OK in IE8, and in IE7 it didn’t until I removed the list-style-type: circle. Maybe you can figure something out from there.

    # February 2, 2010 at 8:30 am

    Ok, here was the deal. In IE I had to specify the width of the li in my css. For some reason, two of my lists were not showing up properly but one was, even though they were all on the same li class. Reason #2094 I hate IE.

    So to clarify, make sure your li’s have a width associated with them.

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

You must be logged in to reply to this topic.

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