Posted by CRON on 07/24/06 20:46

jojo wrote:
> CRON wrote:
> > Hi anyone come across something like this before:
> > http://www.scouttalk.ie/unit.php?orgID=3
> >
> > look at the member list at the bottom of the page. In IE these images
> > wrap beautifully to the next line but in firefox they overlap eachother
> > to fit in the cell.
>
> And they need two lines in IE but try to fit in one in FF. Perhaps thats
> the problem? Try to specify a width for the tables so FF has to break
> them into a second line. Can use min-width here, it's ignored in IE so
> it shouldn't cause new problems.

Yeah the idea is that the pics wrap to the next line at the moment its
2 but it could be 3 or more in future.
I tried specifying the tables width but got nothing.

>
> > I have each image inside a table with style: float:left. This wraps
> > the tables so that they appear side by side. I cant figure out the
> > problem. I've tried word-wrap:break-word
>
> Not a good idea to use a IE-only property to fix a problem in FF... ;-)
>

I was really just trying anything I could think of - didnt realise!

> > and overflow:auto on the parent cell but they have no effect.
>
> Can use overflow:hidden on the cells, the images shouldn't overlap then,
> but they aren't shown completely anymore.

Yeah overflow:hidden hides the pics behind the next cell which is
strange because no other overflow functions have any effect.

>
> <snip>
>
> HTH, jojo

Thanks for the reply I appreciate your help a lot
Ciaran

[Back to original message]