View Full Version : Status of text wrap around centered img debate

Feb 28th, 2009, 06:46 PM
Ok, I have a client who insists she must have, on her homepage, a centered image with text that wraps around it. First, Is there any "correct" way to do this yet? Second, if not, what's my best option?

Feb 28th, 2009, 07:39 PM
Hello alexmel7,
The float left/right allows you to put text beside the image but not on both sides.

We would need a float:both; for CSS to be able to do this.

I did find this though... http://alistapart.com/articles/crosscolumn/

Feb 28th, 2009, 07:47 PM
Hi alexmel7,

There are ways of centering the image vertically on the left or right side of a containing box, but there's currently no way of centering the image both vertically and horizontally so that the text wraps around it like this (http://www.heathrowe.com/tuts/textwrapping/10.gif).

If you're not concerned about IE support (which, unfortunately, you should be), you could make a multi-column layout (http://www.quirksmode.org/css/multicolumn.html), slice the image in half vertically and position half of it in one column, pushed down, and half in the other column, so that the text would wrap around it (like this (http://www.layersmagazine.com/images/tutorials/design/indesign/6/2.jpg)). I haven't tried this myself, and again, it's a CSS3 declaration, which no versions of IE currently support (http://www.quirksmode.org/css/contents.html), but it did pop into my mind as an idea.

This page might interest you as wel (http://www.bigbaer.com/css_tutorials/css.image.text.wrap.htm)l.

Feb 28th, 2009, 07:51 PM
Thanks for the info guys. I think it makes it much less readable with a centered image anyway. Gonna have to convince the client of this :rolleyes: