...

View Full Version : list marker hidden under floated div



ealbrecht
05-15-2006, 07:04 PM
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.




#oDiv {
float: left;
margin-right: 15px;
width: 100px; height: 100px;
background-color: green;
}


<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>

ealbrecht
05-15-2006, 07:42 PM
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.



<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>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum