テーブルが空のときにフッターが右に移動しますか？

Question

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

表が空の場合（表ヘッダーのみが表示されている場合）、フッター全体が画面の中央から右にシフトします。

アイデア？

<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; 
} 

Answer 1

それはあなたのコードの多くをせずにデバッグするのは難しいです。 また、どのブラウザーとOSに問題がありますか？

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

開始についてvalidatingあなたのコードで<thead>と<tbody>

Answer 2

スタートの間で<p>...</p>を削除してみてください。 HTMLとXHTMLのコードが混在していて、タグ構造が壊れているので、修正するべきことがいくつかあります。

実際のエラーより多くのエラーメッセージが表示される可能性があります。先頭から始めて、エラーがはっきりしている限り修正してから、もう一度確認して残っているものを確認してください。

Answer 3

私は考えていない：

html>body 

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