html - を使用してテーブルレイアウトを作成する幅と高さをパーセンテージで表示

Question

すべてのブラウザで同じように機能するように、幅と高さの両方のパラメータをピクセルではなくパーセンテージで渡すことによってのみHTMLでテーブルレイアウトを作成する方法？また、plsは、必要な形式を見つけることができるいくつかの優れた資料またはリンクを提案しますこのタスクを実行するために使用される属性とその値。早期の返信をいただければ幸いです。

Answer 1

これをチェックしてくださいhttp://jsfiddle.net/nalaka526/hUFh4/6/

CSS

.divTable
{
    width: 50%;
    height: 50%;
    display: table;
}

.divTableRow
{
    width: 100%;
    height: 100%;
    display: table-row;
}

.divTableCell
{
    width: 25%;
    height: 100%;
    display: table-cell;
}

HTML

<div class="divTable">
        <div class="divTableRow">
            <div class="divTableCell">
                H1
            </div>
            <div class="divTableCell ">
                H2
            </div>
            <div class="divTableCell ">
                H3
            </div>
            <div class="divTableCell ">
                H4
            </div>
        </div>
        <div class="divTableRow">
            <div class="divTableCell">
                a
            </div>
            <div class="divTableCell ">
                b
            </div>
            <div class="divTableCell ">
                c
            </div>
            <div class="divTableCell ">
                d
            </div>
        </div>
</div>

Answer 2

あなたが何を求めているのか完全にはわかりません。流動的な<table>レイアウトが必要ですか？以下は、流動的なレイアウトの非常に基本的な例です。テーブルの幅は、それが入っているコンテナと同じだけであることに注意してください。

<table width="100%" height="100%">
    <tr width="25%" height="100%">
        <td></td>
    </tr>
    <tr width="75%" height="100%">
        <td></td>
    </tr>
</table>