文檔類型與HTML設計

我有這段代碼：文檔類型與HTML設計

<head> 
<title>width height</title> 
</head> 
<body> 
    <table border="1" cellpadding="0" cellspacing="0" height="100%" width="800px"> 
    <tr> 
     <td style="height: 100px"> 
      cucu 
     </td> 
    </tr> 
    <tr style="height: 100%"> 
     <td class="tdMargin" style="width: 760px"> 
     bau  
     </td> 
    </tr> 
    <tr> 
     <td style="height:50px" valign="bottom"> 
      bla 
     </td> 
    </tr> 
    </table> 
</body> 
</html>

它的行爲應該如何

我增加它在一個母版，它的工作原理沒事

但是當我走從舊的母版的DOCTYPE的東西（我們正在重新設計應用程序）並添加：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

到頁面上，設計（身高100％的東西）變得生氣

有沒有辦法解決它？

我不知道太多的doctype ...

應該在IE瀏覽器的基本工作原理，如果這能幫助

來源

2011-02-14 Ash

爲什麼需要首先使用XHTML？這是一個非常嚴格的文檔類型。 – 2011-02-14 10:59:18

絕對使用文檔類型，它會爲你節省幾小時的挫折......但它並不需要如此嚴格。我會推薦HTML5的。 `<！doctype html>`。 – scunliffe 2011-02-14 11:08:37

@Pekka問題是，我在那裏使用了一些ajax控件工具箱的東西，如果我沒有記錯的話，我們在tabpanels方面遇到了一些問題，而且這個文檔類型是唯一讓它看起來不錯的文檔。 ... – Ash 2011-02-14 13:34:50

請看看：HTML Declaration

DOCTYPE聲明不是HTML 標籤;它是什麼版本的標記語言的頁面在寫網頁瀏覽器的指令。

您正在使用的DocType的似乎是不正確或限制。請根據您使用的HTML版本進行設置。

來源

2011-02-14 11:08:23

高度設置應該被忽略，瀏覽器的行爲完全如預期。

標準中table元素沒有height屬性。只有Internet Explorer認爲它存在，並且它只在怪癖模式下才會這樣做（即沒有文檔類型時）。

使用CSS樣式設置表的高度，而不是：

<table border="1" cellpadding="0" cellspacing="0" width="800px" style="height: 100%;">

Preferrably的CSS應該在樣式表中，而不是在單獨的元素，但我展現的風格，這樣使這裏你可以很容易地測試它。

來源

2011-02-14 11:13:42 Guffa

文檔類型與HTML設計

回答

相關問題