html footer se déplace vers la droite lorsque la table est vide?

Question

Avoir une table de données entourée de balises de formulaire. Au bas de la page ont un pied de page qui est fixé.

Lorsque la table est vide (seule l'en-tête de la table s'affiche), l'ensemble du pied de page se décale à mi-chemin de l'écran, vers la droite.

Des idées?

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

Le 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

Il est difficile de déboguer sans avoir plus de votre code. De quel (s) navigateur (s) et système d'exploitation avez-vous des problèmes? Mais, je peux dire que votre code html n'est pas valide, et cela peut jeter de nombreux rendus de navigateur. Parfois, il peut sembler que cela fonctionne bien, mais le DOM peut être jeté loin de code incorrect.

Pour commencer essayez de supprimer le <p>...</p> dans votre code par validating entre le <thead> et <tbody>

Answer 2

Démarrer. Vous mélangez du code HTML et XHTML, et votre structure de tag est cassée, donc il y aura des choses à corriger. Vous obtiendrez probablement plus de messages d'erreur que d'erreurs réelles, alors commencez simplement en haut et corrigez les choses dans la mesure où vous voyez clairement l'erreur, puis revalidez pour voir ce qui reste.

Answer 3

Je ne pense pas que:

html>body 

avant l'instruction de pied de page. Il est inutile pour ce que vous essayez d'accomplir et peut causer un problème.