0

テキストや画像のさまざまなアイテムを整理するためのいくつかのテーブルを備えた非常に単純なHTMLコードがあります。画面の左側と右側の両方に垂直方向の境界線を配置する必要があることを除いて、すべて正常に機能します。伸ばした2x2ピクセルの画像でこれを行うことができます。ユーザーが画面を最大化すると、すべてが見栄えがします。ただし、ユーザーが[復元]を押すと、境界線はそのまま残りますが、テーブルが押し下げられ、境界線が終了する場所（画面外）の下から開始されます。言い換えれば、境界線とテーブルの間の関係の配置はすべて台無しになります。この配置を復元時に一貫性を保つ方法を知っている人はいますか？私はhtmlとaspの初心者なので、ゆっくり話してください。これを達成するためのより良い方法があれば、私はすべての耳です。ありがとう。

コードの関連セクションは次のとおりです。

<form id="form1" runat="server">
<asp:Image ID="LeftBorder" src="../Images/Border_Blue.jpg" runat="server" 
           WIDTH="15" HEIGHT="1000" BORDER="0" alt="Image Missing" align="left"/>

<asp:Image ID="RightBorder" src="../Images/Border_Blue.jpg" runat="server" 
           WIDTH="15" HEIGHT="1000" BORDER="0" alt="Image Missing" align="right" />

<table id="BannerTable" style="height: 100px">
        <tr>
            <td  width="934px">
            <img src="../Images/Header.jpg" 
                 alt="Image Missing" id="ImgBanner" align="left"/></td>
        </tr>
</table>
4

1 に答える 1

0

あなたがしていることを行うためのはるかに良い方法があります。

まず第一に --- テーブルをまったく使用すべきではありません。

そうは言っても、divを使用する必要があります。

すべてを収納する容器。

その中に、左右のボーダー用の a があります。CSS を使用して背景画像を設定します。その上でyを繰り返します。

テーブルも a に入る必要があります。

<div class="container">
     <div class="leftBorder"></div>
     <div>
        Your table
     </div>
     <div class="rightBorder"></div>
</div>

子の高さを想定していないメイン コンテナの問題が発生した場合は、clearfixを調べてください。

于 2010-04-28T09:17:04.603 に答える