Нижний колонтитул всегда внизу, но без фиксированной высоты - PullRequest
Новая
       21

Нижний колонтитул всегда внизу, но без фиксированной высоты

0 голосов
/ 28 марта 2011

Может ли кто-нибудь помочь мне сделать HTML-код, основанный на DIV, который имеет подобный результат, как этот код на основе таблицы: 

<HTML>
<BODY>

<STYLE>
html,body {height:100%;}
</STYLE>

<TABLE cellpadding=0 cellspacing=0 height=100% width=100%>
<TR>
  <TD bgcolor=pink>
    Page content...<BR>111<BR>222<BR>333
  </TD>
</TR>
<TR>
  <TD bgcolor=yellow id=footer style="height:1%">
    Footer...<BR>111<BR>222<BR>333<BR>
    <BUTTON onclick="document.getElementById('footer').innerHTML+='<BR>more footer...';">Increase footer</BUTTON>
  </TD>
</TR>
</TABLE>

</BODY>
</HTML>

Ответы [ 2 ]

0 голосов
/ 07 апреля 2011

Необходимо указать минимальную высоту центрального элемента div /.

Например, следующий фрагмент HTML-кода гарантирует, что нижний колонтитул всегда будет на расстоянии не менее 600 пикселей от верхней части браузера 

<html>
<head>
</head>
<body>

<div style="min-height: 600px;" id="center-content">

</div>

<div id="footer">

</div>
</body>
</html>
0 голосов
/ 28 марта 2011

добавить это как CSS в нижний колонтитул .. 

#footer{
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background-color : //whichever color you want
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...