IE中的表格TD高度



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

    <table style = "width : 500px; height : 100%; border : 1px solid black;"> 
    <tr> 
    <td style = "width : 300px; height : 100%; border : 1px solid;"> 
    1st TD 

    </td> 
    <td rowspan = 2 style = "border : 1px solid;"> 

    </td> 
    <td rowspan = 2 style = "border : 1px solid;"> 
    Sidebar 
    <br /> 
    <br /> 
    
 
    Sidebar 
    </td> 
    </tr> 
    <tr> 
    <td style = "width : 300px; border : 1px solid;"> 
    Last TD 
    </td> 
    </tr> 
    </table>

我希望第一個TD應該擴展，因爲我向它寫入文本，其餘空間應該由最後一個TD佔用。IE中的表格TD高度

此代碼在Firefox中完美工作，但不在IE中。 IE在劃過橫行的TD上同樣劃分第一個和最後一個TD。

你可以自己看FF和IE中的代碼，並且我想看看FF。

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    <table style = "width : 500px; border : 1px solid black;"> 
    <tr> 
    <td style = "height : 100%; border : 1px solid;"> 
    1st TD 

    </td> 
    <td rowspan = 2 style = "border : 1px solid;"> 

    </td> 
    <td rowspan = 2 style = "border : 1px solid; height : 100%; vertical-align : top;"> 
    Sidebar 
    <br /> 
    <br /> 
    <br /> 
    Sidebar 
    <br /> 
    fdkdf 
    <br /> 
    dfkdf 
    fdkdf 
    <br /> 
    dfkdffdkdf 
    <br /> 
    dfkdf 
    fdkdf 
    <br /> 
    dfkdf 
    </td> 
    </tr> 
    <tr > 
    <td style = " border : 1px solid;"> 
    Last TD 
    </td> 
    </tr> 
    </table>

請檢查我在FF和IE瀏覽器的代碼，看到第一個和最後一個TD的差異。

來源

2012-03-01 Shivom Laksh

嗨Shivom Laksh，我在Firefox和IE9中都測試了你的代碼，我得到了確切的佈局。你使用的是什麼版本的IE？ – utsikko 2012-03-01 14:21:35

如果這是你的實際代碼，它甚至不是有效的。 – j08691 2012-03-01 16:37:44

@shivom如果我的回答對你有用，那麼你可以標記它是正確的，所以這個問題會讓用戶注意這個問題有效的答案。 – w3uiguru 2012-03-08 06:27:52

@Sivivom IE總是呈現不同的表代碼，IE7和IE8是不同的。所以對於你的問題，你可以檢查它的代碼，它不會給你的requiremt和完整的瀏覽器兼容的任何錯誤/問題。

<table border="1" cellspacing="0" cellpadding="0" width="500"> 
    <tr> 
    <td valign="top"><table border="1" cellspacing="0" cellpadding="0" width="100%"> 
     <tr> 
     <td>1st TD</td> 
     </tr> 
     <tr> 
     <td>Last TD<br/>Last TD<br/>Last TD<br/>Last TD<br/>Last TD<br/>Last TD<br/>Last TD<br/></td> 
     </tr> 
    </table></td> 
    <td>&nbsp;</td> 
    <td> 
    Sidebar 
    <br /> 
    <br /> 
    <br /> 
    Sidebar 
    <br /> 
    fdkdf 
    <br /> 
    dfkdf 
    fdkdf 
    <br /> 
    dfkdffdkdf 
    <br /> 
    dfkdf 
    fdkdf 
    <br /> 
    dfkdf 
    </td> 
    </tr> 
</table>

來源

2012-03-03 05:25:04 w3uiguru

謝謝它的工作.... – 2012-03-03 06:00:39

@ShivomLaksh如果這解決了你的問題，你應該接受和/或投票的答案（左側的檢查按鈕接受，並且上/下箭頭讓你投票）。你也不應該回答一個問題，甚至不是你自己的問題，除非它是一個實際的答案（如：一個解決方案）。請參閱常見問題解答！ – weltraumpirat 2012-04-03 09:39:35

IE中的表格TD高度

回答

相關問題