Need some CSS help

[mreider]

I am working on a client site and they would like to have a tree hiding behind the footer background which I can accomplish with a position:absolute, but they want to have text wrap around that tree and obviously using position:absolute take the tree out of flow.

Any ideas how I can go about this?

Thanks!

Here is a link to the site for reference: http://heartbeatinteractive.net/clients/treehouse/

[Paulie_D]

but they want to have text wrap around that tree

Text can’t wrap around irregular shapes just yet so that’s not really an option right now.

http://www.html5rocks.com/en/tutorials/shapes/getting-started/

http://caniuse.com/#feat=css-shapes

[Paulie_D]

I only works in Chrome AFAIK, at least according to CanIUse.com, so it’s not something I would rely on in a live site if I wanted consistent cross browser look.

[mreider]

Thanks for the feedback. Wrapping the text isn’t the issue. What I need to be able to do is wrap the text around the tree while pushing the tree into the footer so it hides behind the grass.

[Author]

Posts