Je veux faire la table fixée entre l'en-tête et le pied de page

J'ai créé une page HTML avec trois sections. Un en-tête en haut, deux une table au milieu et un pied de page en bas. Tous les trois sont définis en trois divs. L'en-tête est fixé en haut à l'aide de la propriété css (top:0px;position:fixed;), de même que le pied de page est fixé en bas à l'aide de la propriété css (bottom:0px;position:fixed;).Je veux faire la table fixée entre l'en-tête et le pied de page

La table doit être fixée entre l'en-tête et le pied de page dans toutes les conditions, c'est-à-dire lorsque le navigateur est agrandi ou dézoomé, la table doit être fixée entre l'en-tête et le pied de page. Pour être plus précis, le haut de la table doit coller au bas de l'en-tête et le bas de la table doit coller au dessus du pied de page, je pense que la table doit présenter une certaine propriété du fluide. Y a-t-il quelque chose comme ça?

Quelqu'un peut-il aider?

Source

2010-07-27 Rahul

Je doute que cela peut se faire sans JavaScript –

les opérations suivantes:

<html> 
<body style="height:100%;width100%;padding:0;margin:0"> 

<div style="position:fixed:top:0;width:100%;height:10%;background-color:red;"> 
    Header 
</div> 
<div style="position:fixed:top:10%;width:100%;height:80%;background-color:green;overflow:auto"> 
    <table> 
     <tr><td>Table/Middle</td></tr> 
    </table> 
</div> 
<div style="position:fixed:top:90%;width:100%;height:10%;background-color:blue;"> 
    Footer 
</div> 

</body> 
</html>

Source

2010-07-27 18:23:53 cesarnicola

Je veux faire la table fixée entre l'en-tête et le pied de page

Répondre

Questions connexes