Sent by Chris Hardie on 14 May 2008 21:09
Hi Bryce,
The solution I often opt for requires a bit more work, but it usually
ends up being more resilient across browsers. Instead of using a bullet,
use a background image that poses as a bullet. Your style would look
something like:
|**li { padding-left: 1em; /* This should be the width of your bullet image plus a smidge */
background: url(bullet.gif) no-repeat 0 50%; }
****|Hope that helps,
C.
Bryce Fields wrote:
> We are trying to create a columns of list items with the following HTML:
>
> <ul>
> <li>Item</li>
> <li>Item</li>
> <li>Item</li>
> etc.
> </ul>
>
> and CSS:
>
> ul {
> margin:0 0 1em 2em;
> list-style-position:outside;
> }
>
> li {
> float:left;
> width:33%;
> }
>
> The columns form as we wanted, but IE loses the list item bullet when
> the list item is floated. We've found links to articles illustrating
> the problem, but no one has a nice, semantic solution. Anyone know
> what's going on and how we can fix it?
>
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
