Hi,
You can uss the css to adjust the proportion of the height of the divs, you can check the below code:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="TreeView_Cause_case2_MasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
html, body
{
height: 100%;
font-family: Arial;
font-size: small;
width: 100%;
}
#box
{
background-color: Orange;
width: 100%;
height: 100%;
}
#header
{
background-color: Orange;
height: 5%;
width: 100%;
text-align: center;
}
#footer
{
background-color: Orange;
background-image: url(../../../image/007004.gif);
height:5%;
width: 100%;
text-align: center;
}
#menu
{
height: 4%;
width: 100%;
margin-top: 0;
}
#content
{
background-color: Olive;
vertical-align: middle;
height: 86%;
text-align: center;
}
table
{
height: 100%;
margin-top: 0;
}
</style>
</head>
<body style="margin-top:0; margin-left:0; margin-right:0; margin-bottom:0;">
<form id="Mainform" runat="server">
<div id="box">
<div id="header">Header</div>
<div id="menu">
<asp:Menu ID="HomeMenu" runat="server" StaticMenuStyle-Height="120%" Width="100%" Height="150%" BackColor="#FF6666" Font-Names="Verdana" Font-Size="Small" ForeColor="Black" Orientation="Horizontal" BorderStyle=None
>
<Items>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item">
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
</Items>
</asp:Menu>
</div>
<div id="content"><asp:ContentPlaceHolder runat="server" ID="MainContentPlaceHolder"></asp:ContentPlaceHolder></div>
<div id="footer"> 2007 All Rights Reserved<br />Powered by:************</div>
</div>
</form>
</body>
</html>
Hope it helps.
Please remember to mark the replies as answers if they help and unmark them if they provide no help.
Yours sincerely,
Amanda Wang
Microsoft Online Community Support