Constrain TABLE elements dimentions.

I'm trying to organise the content on a web page as a table in 3 rows.
1st row and 3rd row = header and footer should always be visible.
2nd row (this is where the entire web-page content will be) should have
scrollbars displayed when needed. The BODY of the HTML page should not have
any scrollbars.

The following code works in InternetExplorer 7 exactly as I wanted. But in
Firefox 2, the scrollbars are displayed in the page BODY, instead of the DIV
element. How do I constrain the size of that TABLE and the DIV inside it? I
want to force Firefox to display the scrollbars in the DIV, and not in the
BODY?

<table style="height:100%; width:100%; table-layout:fixed;">
<tr style="height:24px;">
<td style="background-color:Gray;">
header
</td>
</tr>
<tr>
<td>
<div style="overflow:auto; height:100%; width:100%;
background-color:Orange;">
content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />
</div>
</td>
</tr>
<tr style="height:24px;">
<td style="background-color:Gray;">
footer
</td>
</tr>
</table>


Thank You for any links and examples!
Or if there's a better news group for that question, please let me know!

George Valkov

S
Tue Jul 24 08:10:46 CDT 2007

this is a VBSCRIPT group.
however... put it all in an <iframe> and it will solve your problem



"George Valkov" <a@b.com> wrote in message
news:e9J8yk%23yHHA.1212@TK2MSFTNGP05.phx.gbl...
> I'm trying to organise the content on a web page as a table in 3 rows.
> 1st row and 3rd row = header and footer should always be visible.
> 2nd row (this is where the entire web-page content will be) should have
> scrollbars displayed when needed. The BODY of the HTML page should not
> have
> any scrollbars.
>
> The following code works in InternetExplorer 7 exactly as I wanted. But in
> Firefox 2, the scrollbars are displayed in the page BODY, instead of the
> DIV
> element. How do I constrain the size of that TABLE and the DIV inside it?
> I
> want to force Firefox to display the scrollbars in the DIV, and not in the
> BODY?
>
> <table style="height:100%; width:100%; table-layout:fixed;">
> <tr style="height:24px;">
> <td style="background-color:Gray;">
> header
> </td>
> </tr>
> <tr>
> <td>
> <div style="overflow:auto; height:100%; width:100%;
> background-color:Orange;">
> content<br />content<br />content<br />content<br />
> content<br />content<br />content<br />content<br />
> content<br />content<br />content<br />content<br />
> content<br />content<br />content<br />content<br />
> content<br />content<br />content<br />content<br />
> content<br />content<br />content<br />content<br />
> content<br />content<br />content<br />content<br />
> content<br />content<br />content<br />content<br />
> content<br />content<br />content<br />content<br />
> content<br />content<br />content<br />content<br />
> content<br />content<br />content<br />content<br />
> </div>
> </td>
> </tr>
> <tr style="height:24px;">
> <td style="background-color:Gray;">
> footer
> </td>
> </tr>
> </table>
>
>
> Thank You for any links and examples!
> Or if there's a better news group for that question, please let me know!
>
> George Valkov
>
>