0

フォーム タグで囲まれたデータのテーブルを用意します。ページの下部には、固定されたフッターがあります。

テーブルが空の場合 (テーブル ヘッダーのみが表示されている場合)、フッター全体が画面から半分右に移動します。

何か案は？

<form action="/cgi-bin/Lib.exe" method=POST name="dd" ID="Form1">
    <div id="yyy">          

            <table cellspacing="0" ID="Table1">

                    <thead>
                        <tr>    
                            <th>Start</th>
                            <th>End</th>
                        </tr>
                    </thead>


        <p><small><font face="Arial"><small>$DATA</small></font></small></p>   

                    <tbody>

                        <tr>                    
                            <td><input type=radio name="begin" value="$START" ID="Radio0"> $START</td>
                            <td>$END <input type=radio name="end" value="$END" ID="Radio3"></td>
                        </tr>

                        <tr>                    
                            <td><input type=radio name="begin" value="$START" ID="Radio1"> $START</td>
                            <td>$END <input type=radio name="end" value="$END" ID="Radio4"></td>
                        </tr>           


                        <tr>                    
                            <td><input type=radio name="begin" value="$START" ID="Radio2"> $START</td>
                            <td>$END <input type=radio name="end" value="$END" ID="Radio5"></td>
                        </tr>                   

                    </tbody>    
                </table>    
    </div>
                <p><small><font face="Arial"><small>$DATA</small><strong></p>

              </strong></font></small>

        </form> 









<div id="footer">
                <div id="labfooter">

                </div>
            </div>

CSS:

#footer {
    width:100%;
    height:5em;
}
html>body #footer {
    position:fixed;
    bottom:0;
    z-index:10; /* Prevent certain problems with form controls */
}

 #header,
#footer {
    color:#111;
    background:#ddd;
    text-align:center;
}
4

3 に答える 3

2

コードを増やさずにデバッグするのは困難です。また、どのブラウザとOSで問題が発生していますか？

しかし、私はあなたのhtmlコードが有効ではないと言うことができます、そしてそれは多くのブラウザレンダリングを捨てることができます。うまく動作しているように見えることもありますが、DOMは不適切なコードから離れてしまう可能性があります。

まず、と<p>...</p>の間を削除してみてください<thead><tbody>

于 2009-03-27T01:25:12.337 に答える
0

コードを検証することから始めます。HTMLコードとXHTMLコードを混在させていて、タグ構造が壊れているため、修正する必要があることがいくつかあります。

実際のエラーよりも多くのエラーメッセージが表示される可能性があるため、最初からエラーがはっきりとわかる範囲で修正してから、再検証して残っているものを確認してください。

于 2009-03-27T07:08:47.347 に答える
0

私は思わない：

html>body

フッターステートメントの前。あなたが達成しようとしていることには不要であり、問​​題を引き起こしている可能性があります。

于 2009-03-27T10:43:49.373 に答える