Як показати a div.bottom
висотою 100 пікселів внизу сторінки. Якщо висота вмісту менше висоти вікна, div.bottom
буде показано внизу вікна. Якщо висота вмісту більша за висоту вікна, це буде показано внизу сторінки.
Відповіді:
1 для відповіді № 1Те, про що ви говорите, називається липким колонтитулом, і це можна зробити лише за допомогою html та css. Основна ідея - використовувати обгортку з heights: 100%
і негативний запас для переміщення його над самим дном. Викрадіть фрагмент коду звідси і тут:
<body>
<div class="wrapper">content here!
<div class="push"></div>
</div>
<div class="footer">footer content</div>
</body>
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer"s height */
}
.footer, .push {
height: 142px; /* .push must be the same height as .footer */
}
2 для відповіді № 2
Вам потрібно щось подібне?
<div style="position:absolute; bottom:0;">Hi</div>
1 для відповіді № 3
Це мій особистий фаворит для липких колонтитулів:
http://www.cssstickyfooter.com/
0 для відповіді № 4
Вам потрібно використовувати css,
div.pos_fixed_footer{
position:fixed;
bottom:0%;
right:0px;
background:transparent url(../img/bg_header.png) repeat scroll center top;
width:100%;
height:40px;
}
а потім зателефонуйте у свій сценарій так
<div id="pos_fixed_footer"><?php include "footer.html"; ?></div>
0 для відповіді № 5
Я думаю, ви маєте на увазі колонтитул, який знаходиться в нижній частині вікна, лише якщо вміст не переповнює вікно, інакше він повинен спуститися на сторінку.
Просто реалізуйте код звідси http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page