2009-08-25 33 views
1

有人能告訴我如何讓桌子在Mozilla瀏覽器中達到100%的高度?如何讓桌子在Mozilla瀏覽器中達到100%的高度?

這是HTML代碼

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>New Page 1</title> 
</head> 
<body> 
<table cellpadding="0" cellspacing="0" width="177" height ="100%"> 
    <tr> 
     <td height="100%">&nbsp;</td> 
    </tr> 
</table> 

</body> 

</html> 
+0

你爲什麼要這樣? – Randell

+0

在互聯網攻擊者我可以使100%的桌面高度,但在Mozilla瀏覽器不支持這一個 – Alex

+1

你會在哪裏使用跨瀏覽器的整個高度的表?我猜你最好用div。 – Randell

回答

0

正如上面的答案所示,您使用CSS來做到這一點。

設置HTML,車身高度爲100%,這樣的內容可以使用其父母身高:

html, body { height: 100%; } 

然後你的表格高度設置爲100%:

table { height: 100%; } 

這將導致達到預期的效果。

1

也許這可以給你一個提示?

<head> 
    <style type="text/css"> 
    html, body{ 
     margin:0; 
     padding:0; 
     height:100%; 
     border:none; 
    } 
    table { 
     height: 100%; 
     background: red; 
    } 
    </style> 
</head> 
<body> 
    <table> 
     <tr> 
      <td>Hello</td> 
     </tr> 
    </table> 
</body> 
+0

我有一個問題,在我的html頁面有很多表格,我只能在一張桌子上採用這種100%的表格。我如何將這個CSS稱爲函數? – Alex

+0

您改爲使用班級。

並將CSS中的「table」更改爲「.myclass」。 – Mickel

0
+0

是的,你可以。該百分比由父容器繼承,因此如果所有先前的容器(包括HTML和body)設置爲100%,則可以將子容器的高度設置爲100%,並且效果會令人愉快;) – Mickel

1

聽起來像你這樣做就是你的頁面了一個表,你真的不應該做的事情。最好是正確地標記頁面,而不是將所有內容都放在表格中。

相關問題