> At 09:56 AM 9/17/2004, Ted Drake wrote: > >When I view this in mozilla the paragraph wraps nicely but the IE > >paragraph acts as if it has cleared and starts after the image. > ... > >I then noticed the paragraph width tag and said to myself: > >"Could it be the width:90% that is doing it? I added the width to keep > >the paragraphs from getting too long." > > > >I then commented out the width and checked, sure enough IE began playing > >nicely. So, how do I get the good browsers to show the narrower > >paragraphs and IE the nicely floated image?
Paul Novitski wrote: > Ironically, the way IE is behaving appears to be according to the CSS2.1 > spec: http://www.w3.org/TR/CSS21/visuren.html#floats > (I don't see that particular example of a float defeated by too wide > content in the CSS1 & CSS2 specs.) This is not quite correct. Yes, the paragraph following the float is set to 90% width, but the float are still supposed to overlap the paragraph. What's happening is that a dimension on the paragraph triggers "layout" in IE, which is a mysterious and proprietary "feature" that causes the float rules to be radically altered, in total violation of the specs. See these pages for more: http://www.positioniseverything.net/articles/float-bugs-1.html http://www.positioniseverything.net/explorer/floatmodel.html If the W3C ever caves to MS on this I will be very disturbed. Big John ===== -- Perennial student + Impractical joker + CSS junkie = Big John <http://www.positioniseverything.net> __________________________________ Do you Yahoo!? New and Improved Yahoo! Mail - 100MB free storage! http://promotions.yahoo.com/new_mail ****************************************************** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
