First of all, using <br/tags to add space above and below elements is very
bad practice, since different browsers display them differently (sometimes
different sizes, etc.). I would suggest that you use CSS margins instead.
But I am also noticing that you have the height for your form set to 100%,
not 90%. If you are expecting the form to take up 90% because of the 90% in
the table, that will not work. When you use percentages for height and
width, it is that percentage of the container. So your form will take up the
entire height (except for the space from your <br/tags) of the body, and
the table will take up 90% of the form. I would suggest the following:
<body runat="server" id="MainBody">
<form id="form1" runat="server" style="background-color:green; width:
100%; height: 90%; margin-top:10px;margin-bottom:10px;">
<asp:Table id="Table1" runat="server" Style="background-color:Yellow;
width: 100%; height: 100%; border:Maroon 9px Ridge;">
I have never been a fan of using percentages, but I'm also not a designer,
but I'm sure you know about some of the weird things browsers sometimes do
when rendering tables (they don't always like to cooperate with us as far as
heights and widths). Another thing you can try is to actually make the
height for both the form and table 100%, and since you are now specifying
margin-top and margin-bottom, you don't need to make the height any less
than 100%. Try some of this stuff, but the two key things I've mentioned
that you should take into account is how a height is calculated when a
percentage is used, and to use margins rather than <br/tags. Good Luck!
--
Nathan Sokalski
nj********@hotmail.com http://www.nathansokalski.com/
"AAaron123" <aa*******@roadrunner.comwrote in message
news:e$**************@TK2MSFTNGP05.phx.gbl...
<body runat="server" id="MainBody">
<form id="form1" runat="server" style="background-color:green; width:
100%; height: 100%">
<br />
Table1" runat="server" Style="background-color:Yellow; width: 100%;
height: 90%" BorderColor="Maroon"
BorderWidth="9px" BorderStyle="Ridge">
The body fills the IE window with it's color.
A little green shows at the top (because of the <br/>)
I also placed a <br/after the bottom of the table and a little green
show there.
The yellow table fills the table between those two green areas.
The form's width does fill 100% of the body.
The two green areas show where the form is and the form does not cover 90%
of the body height!
That's my problem.
Can I force the form to extend to 90% of the body height some how?
Thanks