Posted by Adrienne Boswell on 08/09/07 01:29

Gazing into my crystal ball I observed phl <killkennyhouse@hotmail.com>
writing in news:1186620813.877554.269930@q3g2000prf.googlegroups.com:

> 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
>
>

A URL would be really helpful. The markup shown may not be the cause of
the problem and there is no way to know without a URL.

--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

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

[Reply to this message]