IE内のテーブルの高さ



    <!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内のテーブルの高さ

このコードはFirefoxでは完全に機能しますが、IEでは機能しません。 IEは、1行目と最後の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

これが実際のコードであれば、それは有効に近いものでもありません。 – j08691

@shivom私の答えはあなたのために働いたので、あなたはこの問題はこの質問が有効な答えを持っているユーザーに注意を払うので、それを正しくマークすることができます。 – w3uiguru

@Shivom 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

ありがとうございました.... –

@ShivomLakshこれで問題が解決した場合は、回答を受け入れるか、または上へ投票してください（左のチェックボタンは受け付け、上/下の矢印は投票できます）。実際の回答でない限り（たとえ：解決策でも）、あなた自身でさえ、質問に答えるべきではありません。 FAQをご覧ください！ – weltraumpirat

答えて

関連する問題