4 行の HTML テーブルがあります。行の高さは 10% 35% 45% 10% です。コンテンツの高さの量が大きい場合、テーブルの高さのサイズが 45% の行にコンテンツを配置すると、他の行の高さが減少します。コンテンツを表示すると、すべてがうまくいきません。どうすればよいですか? その行の高さだけを大きくすることは可能ですか? ページサイズが大きくなっても重要ではありません。
<html>
<head runat="server">
<title> Kut Sharing</title>
</head>
<body >
<div>
<form id="form1" runat="server">
<table width="100%" style="height:100%" border="0">
<tr style="height:10%;background-image:url(Photos/header.png)"" >
<td>
<table width="100%" style=" height:100%" border="0">
<tr>
<td style="width:12%; background-image:url(Photos/header2.gif)"> </td>
<td>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder></td>
</tr>
</table>
</td>
</tr>
<tr style="height:35%; background-image:url(Photos/bluebox.png)"">
<td>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
<tr style="height:45%;">
<td>
<asp:ContentPlaceHolder id="ContentPlaceHolder2" runat="server">
</asp:ContentPlaceHolder>
<br />
<br />
</td>
</tr>
<tr style="height:10%; background-image:url(Photos/footerBg.png)"">
<td> </td>
</tr>
</table>
</form>
</div>
</body>
</html>