Hello,
I use a floating div with overflow:auto properties for specific reason
(to avoid the bug of overlapping elements https://bugzilla.mozilla.org/attachment.cgi?id=125003).
Anyway, the problem is
that this div has 2 tables inside. In some rare cases, tables may have
larger width than my floating div, which is the container for these
tables, and therefore, scrollbars appear.
I need to remove scrollbars, so I created function to get each tables
clientWidth (I also tried offsetWidth) values and if any table is
larger than its container,
I apply the larger width to the container too.
The problem begins with browser's incompatibility. Sometimes, it still
does not work right. So I am looking for the better solution.
Could you please recommend how I can determine if any tables is larger
than their container and adjust the container (my floating div) to
avoid scrollbars? I'd
really appreciate your suggestions.
Thanks.