Posted by phl on 08/09/07 00:53

Hello

I have div element and within it, I have a table. Basically I want to
use the Div to restricit the table to a certain width, and if it goes
over this width, the user is then presented with a scroll bar.
Everything works fine, except in IE7, when the table renders over a
certain amount of rows, and the Div displays the scroll bar. The last
row of the Table is obscured by the scrollbar created by the div. It's
almost like the div did not create extra height for the horizontal
scroll bar it displaying. The same problem does not happen in Firefox.
The below is the html, I am using:

<div style="width: 100px;overflow-y: hidden;overflow-x:
auto;position:relative;">
<TABLE width="100%" align="center">
<TR>
....
....
</TR>
</TABLE>
</div>

Can someone please explain whats going on and a possible work around?

Cheers
-P

• Next in forum: Re: Incompetent web authoring or much worse?
• Prev in forum: Re: DIVs not showing up in IE
• Thread view: Div scrollbar overlapping lower part of table

[Reply to this message]