Re: [css-d] Text won't flow around images in IE
Carolyn Rosner wrote:
Apologies if this has been asked a million times, but how do I get text to
flow around floated images in IE? I don't put my images in divs; I just plunk
them at the beginnings of paragraphs or heads and float them right or left.
But in IE, the text won't wrap; it jumps below the bottom of the image. Code
is:
.leftimage { float: left;margin: 10px 15px 10px 0; }
Is there a workaround?
Thanks for any advice, Carolyn
There is no work around apart from markup changes. The only browsers
that handle this construction correctly is IE8 and Opera 9. please see
test case.
http://css-class.com/test/css/visformatting/float-inline-content.htm
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
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/
Re: [css-d] Text won't flow around images in IE
Alan Gresley wrote: There is no work around apart from markup changes. The only browsers that handle this construction correctly is IE8 and Opera 9. please see test case. http://css-class.com/test/css/visformatting/float-inline-content.htm Now having the chance to check in Safari 3.2.3 I see that it handle this construction correctly. I see the drop in Firefox 3.0.10 (haven't got 3.5.4 to check) and IE7- and only if the floated element is an inline element img span. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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/
Re: [css-d] Text won't flow around images in IE
Alan Gresley wrote: There is no work around apart from markup changes. The only browsers that handle this construction correctly is IE8 and Opera 9. please see test case. http://css-class.com/test/css/visformatting/float-inline-content.htm I should say that this should work correctly in Firefox 3.54 if it is this bug. https://bugzilla.mozilla.org/show_bug.cgi?id=50630 -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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/
Re: [css-d] Text won't flow around images in IE
On May 17, 2009, at 11:09 PM, Alan Gresley wrote: I should say that this should work correctly in Firefox 3.54 if it is this bug. https://bugzilla.mozilla.org/show_bug.cgi?id=50630 What you describe in your testcase [1] _is_ that bug, and it does work according to spec in Firefox 3.5b4. [1] http://css-class.com/test/css/visformatting/float-inline-content.htm Philippe --- Philippe Wittenbergh http://l-c-n.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/
Re: [css-d] Text won't flow around images in IE
The text should jump below the bottom of the image when you float. If you don't want this, you can use a paragraph. img src=url.gif alt= / ptext goes here/p This way your text will behave the way you like. Hopefully ;) __ 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/
Re: [css-d] Text won't flow around images in IE
Hi Lorrens, Ah! Thanks for that info. I'll have to be sure to check the code carefully. When I drop images into a layout. C. From: lorr...@gmail.com [mailto:lorr...@gmail.com] On Behalf Of Lourens Thale The text should jump below the bottom of the image when you float. If you don't want this, you can use a paragraph. img src=url.gif alt= / ptext goes here/p This way your text will behave the way you like. Hopefully ;) __ 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/
[css-d] Text won't flow around images in IE
Apologies if this has been asked a million times, but how do I get text to flow
around floated images in IE? I don't put my images in divs; I just plunk them
at the beginnings of paragraphs or heads and float them right or left. But in
IE, the text won't wrap; it jumps below the bottom of the image. Code is:
.leftimage { float: left;margin: 10px 15px 10px 0; }
Is there a workaround?
Thanks for any advice, Carolyn
__
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/
