Gillespie, Michael A (Mike) wrote: > http://www.striking.com/
> That's pretty much what I did which is why I was seeing if there were other > ways; > > The limitation is that you have to use your image as a background image to do > this. I would like to be able to figure out how to wrap the text about the > viewable outline of an inline image; like the example below where the "x" > chars define the image and the "T"s are text. > > TTTTTTTTTTTTTTTTTTTT > > TTTTTTTxxxxxTTTTTTTT > > TTTTTxxxxxxxxxxxTTTT > > TTTxxxxxxxxxxTTTTTTT > > TTTTTTxxxxTTTTTTTTTT > > > > M Hello Michael, Can you please bottom post. What you are seeking is the magical property float:center. This was discussed over a year ago on the CSS WG list [1]. One major reason that this is not going to happen soon is that float:left and float:right act differently in overflow containers. The initial overflow container is the <body> element. <http://css-class.com/test/bug/float-right-left-edge-hidden.htm> Firefox (Gecko 1.9), Mozilla (Gecko 1.7) IE8, Opera 9.6+ and Safari 4 supports the proper rendering of this test case which shows the majority of the element's width disappearing outside the left edge of the viewpoint. Safari 3 Opera 9.10~25, IE7 show the this right floated element is contained by the left edge of the overflow container <body>. Because of this simple fact, float:center is what one would say is impossible with the current limitations of the float model. Another problem you would encounter is this, <http://css-class.com/test/css/visformatting/float-inline-content.htm> and this, <http://css-class.com/test/css/visformatting/floats-with-inline-elements.htm> The later test case was originally testing inline and block level elements behavior around floats. Opera 9~10 and IE8 are the only browsers that follow the Specs [2] which states. "Since a float is not in the flow, non-positioned block boxes created before and after the float box flow vertically as if the float didn't exist. However, line boxes created next to the float are shortened to make room for the margin box of the float. If a shortened line box is too small to contain any further content, then it is shifted downward until either it fits or there are no more floats present." Firefox 3.5b4, Safari 4 shows the inline content overlapping (not flowing around) the float that comes later in the source. IE7- fails this completely. This overlapping of inline content over floats is a very well known Gecko bug, <https://bugzilla.mozilla.org/show_bug.cgi?id=25888> and was first reported in 2000 is still needs to be somewhat fixed. The latest comment by David Baron indicates there a patch has now been landed but this opens other issues. I quote David Baron, "It leaves unfixed a bunch of issues dealing with a line wrapping around floats that are in the line itself." Even if you could use a mythical float:center, Firefox and Safari would show overlapping. Something like below. TTTTTTTTTTTTTTTTTTTT xxxxx TTTTTTT TTTTTTTT xxxxxxxxxxx TTTTT TTTT xxxxxxxxxx TTT TTTTTTT xxxx TTTTTT TTTTTTTTTT 1. <http://lists.w3.org/Archives/Public/www-style/2008Jan/0102.html> 2. <http://www.w3.org/TR/CSS21/visuren.html#floats> -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo ______________________________________________________________________ css-discuss [[email protected]] 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/
