On Mon, Aug 2, 2010 at 6:03 PM, Zoran Zorkic <zo...@gmx.net> wrote: > Hi! > I got stuck on floats in IE8. I have 2 floating spans inside a div, but IE8 > renders them all over the place. I've but some color on the elements to make > them stand out. > > Any idea why? > > I put the sample here: http://lemur.dreamhosters.com/cssd/ > > Thanks! > > > Ahh the fun of floats in IE.
The issue was that the 2 spans were being shown below the images in each list because it turned the area the image was being displayed in into a block-level element since the images were declared before the spans. It's really an easy fix. Here are a few changes I made to your stylesheet: #stuffList IMG { height: 3em; float:left; /* so that the image floats and doesn't take the whole space of the div */ display:inline; /* if we don't add this it causes some fun issues in IE6 */ } #stuffList span.code, #stuffList span.time { float:right; display:inline; /* just throw in the fix for IE6 here again */ clear:right; text-align:right; font-weight:bold; background:red; } Hope this helps, Alex Mitchell http://gumware.com ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] 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/