On 2/20/08, Rob freeman <[EMAIL PROTECTED]> wrote:
> hello everyone..
>
> Could someone please help? I am working on quite a basic site which
> has an image positioned absolutely to the right of the page, hanging
> off slightly.
>
> Down the side of the image I have some text which at the moment is
> forced marginally to the left as a basic column.
>
> How do I allow the text to wrap around the image. At the moment the
> absolute image is taken out of the document flow, so Im not sure how I
> can get the text to wrap
>
> Here is the URL
> http://www.coloursense.net/testfolder/instructions.html
>
> any tips..please..
>
My first instinct was to drop the right margin on the content column
and wrap the image in a right-floated container with a negative left
margin, then give the image position relative until the backgrounds
align.  http://www.dramatic.co.nz/testing/coloursense.html It works in
Opera and firefox, but is probably a bit fragile, and IE6 (couldn't
check 7) is misaligned - that might be box-model or a limitation on
positioning within floats in IE.

Failing that (and an alternative which would involve making #wrapper
wider and putting faux columns inside it), a quick-and-very dirty fix
would be to leave the image absolutely positioned and float a
transparent image to push the text out of its way.
-- 
Richard Grevers, New Plymouth, New Zealand
Dramatic Design www.dramatic.co.nz
______________________________________________________________________
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/

Reply via email to