views:

218

answers:

2

There's a known bug in webkit, where it cut's up images that happen to span multiple columns. Firefox gets it right and I don't give a rats ass about IE as doesn't know how to render multiple columns at all and degrades gracefully to one big column instead.

Does anyone know of any decent workarounds for this issue that doesn't involve banning images in columns?

A: 

Try [style="position: relative"] on the affected image/s.

graphicdivine
While keeping the images from getting clipped, your solution also makes their position go haywire. In fact, elements with relative positioning in columns in webkit doesn't work as expected at all.
macke
A: 

Hello,

I have the same problem, and because the image is at the beginning of a column, I made it float left. It doesn't completely solve the problem, but at least, it doesn't split the image. But the place that was taken by the other piece remains.

To make it clearer, if it was splited in two columns with 20px on the second column, with my float hack, the image is in one piece, but those 20px are still there as an empty space. Like a ghost.

Even weirder isn't it ?

Might be a clue to find a proper solution though.

Bye mig

mighub