Height of Master Page

G

Guest

Hi All,

Newbie here again.

I have a master page setup that is a two-column table. The left is a table
of contents, the right the target. I want the left column to always take up
100% of the height of the browser (or, to put it another way, I want the
content to take up 100% of the right column if it is smaller than the
height). Is there a way to do that?

Setting the height property or style to 100% doesn't do it - it only resizes
to 100% of the content of the cell.

Also, I'd like to resize the cells to take up 100% of the height if the
window is resized.

Thanks,
pagates
 
C

Cowboy \(Gregory A. Beamer\)

Set up the table itself to 100% and then constrain the portions that are a
set size. That should solve this problem.

Once again, the basic HTML quesitons can be answered better in groups like
the FrontPage and Expressions groups. While the do not deal with
MasterPages, these types of issues are common to all HTML pages.

--
Gregory A. Beamer
MVP; MCP: +I, SE, SD, DBA

*************************************************
Think outside of the box!
*************************************************
 
G

Guest

Hi Cowboy,

The table is set up to 100% (See below). It doesn't seem to matter. Note:
I posted here because this is a Master Pages question. If I take the same
table defintion, remove the ASP elements, and save it as a pure HTML file, it
sizes appropriately.

Notice I set the border="1" on the table to see the outline.

Thanks,
pagates

<body>
<form id="form1" runat="server">
<div title="Some Title">
<table border="1" cellpadding="0" cellspacing="0" style="width:
100%; height: 100%" rules="none">
<tr valign="top">
<td style="width: 200px; background-image:
url(ContentBackground.jpg); background-repeat: repeat-y;" align="center">
<asp:Label ID="Label1" runat="server" Font-Bold="True"
Font-Underline="True" Text="Please Select A Format"
Width="100%"></asp:Label></td>
<td rowspan="2">
<asp:ContentPlaceHolder ID="cphTarget" runat="server">
Please send e-mail to...
</asp:ContentPlaceHolder>
</td>
</tr>
<tr valign="top">
<td style="background-image: url(ContentBackground.jpg);
vertical-align: top; background-repeat: repeat-y; height: 488px;">
<br />
<asp:LinkButton ID="lnkRequest" runat="server"
PostBackUrl="SendMail.aspx">Request</asp:LinkButton> more information
</td>
</tr>
</table>
</div>
</form>
</body>
 
B

bruce barker \(sqlwork.com\)

this has to be done with client script, as using height=100% requires the
object be contained by an object of know size. body does not have a fixed
height.

-- bruce (sqlwork.com)
 
G

Guest

Hi All,

Stuck Again.

I can create JavaScript and register it with
Page.ClientScript.RegisterStartupScript(...). I'm having a problem finding
the correct DOM object to capture when the window resizes. My resize event
handler always gets called once on load, and then it either never gets called
again, or I get an "htmlfile not implemented" error. Could somebody please
knock some sense into me (and/or point me to an example)?

I've tried (among other things):
onresize = ResizeFunction( );
document.onresize = ResizeFunction( );
window.onresize = ResizeFunction( );

Thanks,
pagates
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

table not displaying correctly 2
getting exact height of a panel with a height="100%" 3
AJAX Toolkit (Tab Panel Height) 2
connection not close 1
master page problem 1
Can I force the form to extend to 90% of the body height? 4
Table Height 100% 14
how does the footer div element stick to bottom of screen irrespective of screen height and volume o 1

Top