Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorstevemck
    • CommentTimeJan 11th 2006
     permalink
    Hello folks-

    I'm experiencing a css-related rendering bug in IE 6 on the following page:
    http://www.kailasbodytherapy.com/staging/index.php?id=presentations

    The issue is the bullets in the bulleted lists. For some reason, the bullets are displaying at the bottom of each block of text instead of their usual position near the top. I tried applying 'vertical-align:top' to the li, but then the bullets displayed higher than the top of the text in each block.

    Any thoughts? Thanks very much—
    • CommentAuthoradmin
    • CommentTimeJan 11th 2006
     permalink
    This part here


    .maintext ul li {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 360px;
    padding-top:0px;
    margin: 5px 0px 0px 10px;
    }


    The width is what is causing IE to set the bullet at the bottom.... Not sure why.

    Removing the width fixes the issue, now to get the "width" effect, give it some "padding-right" of like 100px... you can do the math and come up with the right number.
    • CommentAuthorstevemck
    • CommentTimeJan 11th 2006
     permalink
    Thanks very much- that did it!

    (curse IE anyway!)
Add your comments
    Username Password
  • Format comments as (Help)