Я хочу сделать таблицу фиксированной между верхним и нижним колонтитулом - PullRequest
Новая
       6

Я хочу сделать таблицу фиксированной между верхним и нижним колонтитулом

0 голосов
/ 27 июля 2010

Я создал HTML-страницу с тремя разделами. Один заголовок вверху, два стола посередине и нижний колонтитул внизу. Все три определены в трех делах. Верхний колонтитул фиксируется вверху с помощью свойства css (top:0px; position:fixed;), аналогично нижний колонтитул фиксируется внизу с помощью свойства css (bottom:0px; position:fixed;).

Таблица должна быть зафиксирована между верхним и нижним колонтитулом при любых условиях, то есть при увеличении или уменьшении размера браузера таблица должна быть зафиксирована между верхним и нижним колонтитулом.

Чтобы быть более точным, верхняя часть таблицы должна прилипать к нижней части заголовка, а нижняя часть таблицы должна прилипать к верхней части нижнего колонтитула, я думаю, что таблица должна проявлять некоторые свойства жидкости. Есть ли такая вещь?

Может кто-нибудь помочь?

1 Ответ

0 голосов
/ 27 июля 2010

Попробуйте следующее: 

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