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/

Reply via email to