On Wed, Apr 29, 2009 at 02:27:21PM -0600, Brian Hazelton wrote:
> You can solve this quite easily. Figure out the right margin you need to
> have it end to the left of the image... For example, if the image is
> 200px and is flush with the right side of the content area, and you want
> 10 px of whitespace between the image and the blockquote then add
> margin-right:210px to the blockquote.

This does not meet my definition of "flow around".

When inline elements "flow around" another element, they leave space for
it when it is present and fill that space when the other element is
absent.  I'm trying to get block elements to "flow around" in the same
manner (modulo the detail that block elements must have the same width
over their entire height).

Using the numbers from your example, the blockquote should have a right
margin of 210px if and only if any portion of it is beside the image and
a right margin of 10px if it is not beside the image.

e.g. (b = blockquote, t = non-blockquote text, i = image):

tttttttttttttt  iii
  bbbbbbbbbbbb  iii
  bbbbbbbbbbbb
  bbbbbbbbbbbb

ttttttttttttttttttt
tttttttttttttt
  bbbbbbbbbbbbbbbb
  bbbbbbbbbbbbbbbb

-- 
Dave Sherohman
______________________________________________________________________
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