URGENT, Need help with overflowing content on DIV (FF works fine, IE doesn't) !!

[jak_uy]

Hi everyone, I'm from Uruguay (so I speak Spanish), so please be patient with my basic English :)
I really need help!!

I'm working with a fourth generation language (4GL) development tool that automaticly generates the HTML code for me. Of course it isn't an optimized code, but it works... except now!

I have 2 DIV that contains 1 table each. I put both DIVs into another main table to place one on the left side, and the other on the right (50% width x 2).

The problem is when the content of one table is larger then the width of the DIV, which takes the width from the main table. In FireFox works fine (thanks to overflow property of the DIV), but it doesn't work in IE (instead of show the scroll bar, expands the cell that contains the content).

I found a short code that represents my problem:
It works in FF. In IE does not (regardless IE6 or IE7).

<table width="10%">
<tr>
<td bgcolor="yellow">
<div style="overflow:auto;">1111111111111111111111111111111111111111</div>
</td>
</tr>
</table>



Thanks !!!!!!!!!!!
Best regards.
Matías.

[KDLA]

You're using a percentage, rather than a fixed width; that's what is messing IE up. It freaks out because you're making it determine an overflow based on an ambiguous amount (percent). If you set an absolute width, the problem should be solved. ;)

KDLA

[jak_uy]

Wow, Thanks for the fast reply! :)

But I need to use percentages. :(
I forgot to mention. But I can't fix the width of any table.
This is an online Project management system, and our customers use different display resolution and different browsers (I heard that a width value in FF it isn't the same that in IE)...

There's nothing I can do without removing perecentages?? :o

[KDLA]

I'm sure there are some hacks out there, but I usually don't advocate using hacks. (I'm not sure, but this page might help you: http://www.pupinc.com/boxflowhack/) You're using tables, which is usually non-standard.

When I have issues like this say for a three-column layout, I apply widths to the flanking columns, but leave the middle column fluid. That way, it'll still collapse for smaller resolutions.

KDLA