>--Original Message Text--- >From: Alex Mitchell >Date: Tue, 3 Aug 2010 16:32:10 -0700
>>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.A Here are a few changes I made to your stylesheet: Yup, floating the img left did it. Thank you very much! I really love how a thing like this comes up and just block the progress. This was a interface for the app and I could not continue with fixing this first :( I did try asking a friend who is a lead developer at a web-dev company, but he just said I should stick to tabels if I run into CSS implementation problems. At times like this I wonder if he's right. I mean, his clients are not complaining, not do they care how a site is built, as long as it looks and works as it's supposed. His company does use a weird mix of CSS, HTML5, AJAX and tables. >#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, ______________________________________________________________________ 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/
