Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Aug 2005
    Location
    Edmonton, Canada
    Posts
    58
    Thanks
    0
    Thanked 0 Times in 0 Posts

    list marker hidden under floated div

    Hi, I have a problem where if I wrap list items around a floated div their list markers (bullets,numbers) become hidden under the div. You can just barely make out the marker, but obviously this is not the desired effect. Any help in correcting this issue would be greatly appreciated. The problem only occurs under IE.


    PHP Code:
    #oDiv {
        
    floatleft;
        
    margin-right15px;
        
    width100pxheight100px;
        
    background-colorgreen;
    }


    <
    div id="oDiv"></div>
    <
    p>some text some text some text some text some text some text
        text some text some text some text some text some text some
        text some text some text some text some text some text some
    </p>

    <
    ol><li>some text some text some text some text some text some text
        text some text some text some text some text some text some
        text some text some text some text some text some text some
    </li>
    </
    ol

  • #2
    New Coder
    Join Date
    Aug 2005
    Location
    Edmonton, Canada
    Posts
    58
    Thanks
    0
    Thanked 0 Times in 0 Posts
    An alternative workaround can be attained by encompassing the list inside of a table, but I'd rather not use tables this way. Putting the list inside of a div doesn't do what I want either.

    PHP Code:
    <table><tr><td>
        <
    ol>
            <
    li>some text some text some text some text some text
                some text some text some text some text some text
    </li>
        </
    ol>
    </
    td></tr></table


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •