2013-03-18 40 views
1

我有一个有4行的HTML表格 如果内容高度大的话,如果我把表格高度大小的45%的内容放在行中,行的高度是10%35%45%10% 它会减少其他行高度显示的内容和所有的事情出错我该怎么办? 是否可以增加该行的高度? 如果页面大小增加,它并不重要。内容更改时如何更改行高?

<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)">&nbsp;</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>&nbsp;</td> 
    </tr> 
</table> 
    </form> 
    </div> 
</body> 
</html> 
+0

你为什么要在你的行上设置高度?你会不会更好地让桌子自然流动? – isherwood 2013-03-18 16:11:29

+0

@isherwood,因为第一行az我的标题,我想修复 – Oli 2013-03-18 16:54:57

+0

那么为什么不只是在第一行的单元格上设置高度呢? – isherwood 2013-03-18 17:03:44

回答

1

在这种情况下,请勿使用百分比作为高度。