li with indented subcategories – firefox vs ie6

  • Resolved dsteinschneider

    (@dsteinschneider)


    19 years, 5 months ago

    I decided to display categories with subcategories indented in the left and right sidebars of a 3 column layout. It looked great in IE6 but in Firefox the lists moved so much to the right that I ended up futzing with it to get it so I don’t like it in either browser but at least its legible.

    https://www.dcsgroupllc.com/dcscrmsql/

    Here’s the CSS that got me to where I am


    #leftside ul {
    display: inline;
    color: #2A5A7E;
    list-style-type: none;
    margin-left: -5%;
    }

    #leftside li {
    display: list-item;
    color: #2A5A7E;
    list-style-type: none;
    margin-left: 10%;
    line-height: 130%;
    padding-bottom: 1px;
    padding-top: 1px;
    }

    First I added the display:inline to the ul – this by itself with a left margin of 10% looked great in IE6 with no negative side effects. I checked it out in Firefox and had to add the #leftside li afterward. I’m fairly new at CSS

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter dsteinschneider

    (@dsteinschneider)

    I found out about using !important to control things like the difference in margin between the two browsers. One thing I forgot to ask about is why my list has no space at the bottom in IE6.

    Thread Starter dsteinschneider

    (@dsteinschneider)

    Now I’ve figured out that I had some typos such as forgetting to camel one of the section names in my HTML to match the CSS. Its almost there

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘li with indented subcategories – firefox vs ie6’ is closed to new replies.