overflow:auto problem on IE

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Misha Bergal - 30 Mar 2005 08:26 GMT

I would appreciate if somebody explained to me:

a) why the following HTML correctly handles overflow in FireFox but
does not in IE
b) how that can be fixed.

In FF when the browser window is resized so div d2 doesn't fit in d1,
d2 gets a horizontal scrollbar. In IE div d1 is resized to fit d2.

<body >
<table width="100%" border=1>
<tr>
<td>
<div id="d1" width="100%" style="border:1px solid red">
<div id="d2" style="overflow:auto;">
<table >
<tr>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>

Thanks in advance

Reply to this Message

me - 30 Mar 2005 16:00 GMT

> I would appreciate if somebody explained to me:
>
> a) why the following HTML correctly handles overflow in FireFox but
> does not in IE

I don't use FF so no joy there.

> b) how that can be fixed.

See below:
Good Luck,
me

<table width="100%" border=1>
<tr>
<td>
<div id="d1" width="100%" style="border:1px solid red">
<div id="d2" style="position:relative; width:200px; height:115px; z-index:1;
overflow: auto">
<table>
<tr>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
<td>sssssssssssssss</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>

Reply to this Message

Misha Bergal - 31 Mar 2005 11:08 GMT

> > I would appreciate if somebody explained to me:
> >
> > a) why the following HTML correctly handles overflow in FireFox but
> > does not in IE

[...]

> See below:
> Good Luck,
[quoted text clipped - 6 lines]
> <div id="d2" style="position:relative; width:200px; height:115px; z-index:1;
> overflow: auto">

I need d2 to be width="100%", so it resizes with the document.
Specifying fixed width is not an acceptable solution for me :-(.

> <table>
> <tr>
[quoted text clipped - 13 lines]
> </tr>
> </table>

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / March 2005

overflow:auto problem on IE