0

3行のテーブルであるマスターページがあります。1 行目はヘッダー、2 行目は本文、3 行目はフッターです。ヘッダー行にも、1 行 3 列のテーブルが含まれています。最初の列の幅は 238 ピクセルに固定され、最後の列は 7% の幅に固定されています。中央の col はすべての左側のスペースを占有します。

2 行目にも 3 つの列が含まれており、1 列目 = 20% と 3 列目 = 20% で、中央が残りを占めています。

問題: - 内部コンテンツが同じ水平位置から開始するように、両方のテーブルの中央の列を調整する必要があります。

必要なスタイルを含む html のサンプルを次に示します。

<html xmlns="http://www.w3.org/1999/xhtml">

.style1 { 幅: 100%; } 

<div align="center">
    <table align="center" class="style1">
        <tr>
            <td>
                <div align="center">
                    <table align="center" class="style1">
                        <tr>
                            <td width="238px">
                                Logo width = 238px</td>
                            <td align="center">
                                <div style="background-color: #008000">
                                    start line should aling with the below start line</div>
                            </td>
                            <td width="7%">
                                cart width =7%</td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div align="center">
                    <table align="center" class="style1">
                        <tr>
                            <td width="20%">
                                &nbsp;</td>
                            <td align="center">
                                start line should aling with the top</td>
                            <td width="20%">
                                &nbsp;</td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>
</div>

同じ位置から開始するように、「開始行」( bgcolor = green の div および td 内) を関連付ける必要があります。

4

2 に答える 2