Posted by Chris F.A. Johnson on 07/24/06 21:49

On 2006-07-24, 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.
>
> 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 and overflow:auto on the
> parent cell but they have no effect.
>
> I know you think I should have take the pics out of the tables but I
> need them in there because when you sign into the site, it shows user
> names beneath each image ;c)

I put each image in a separate table, and used "display:inline"
for this page:
<http://torquiz.freeshell.org/current/qa-04.04.shtml>.

It works in IE and FF, but not Konqueror and Opera. They continue
to use display:block.

--
Chris F.A. Johnson <http://cfaj.freeshell.org>
===================================================================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

[Back to original message]