2009-06-07 2 views
3

Я пытаюсь сделать колонтитул пребывание на дне с помощью CSS, - липкий колонтитул:Получение сноски пребывания в нижнем

.wrapper { 
    margin: 0 auto; 
    padding: 0 0 0 0; 
    width: 100%; 
    text-align: left; 
    background: #F5F5FF; 
} 

.page .footer { 
    left: 0; 
    width: 100%; 
    min-width: 300px; 
    position: fixed; 
    margin-top: -150px; 
} 

.tfoot { 
    background: #3E5C92; 
    color: #E0E0F6; 
} 

.smallfont { 
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
} 

А вот HTML о вещах:

<div class="wrapper">My stuff</div> 
<div class="footer"> 
<div class="tfoot" align="left" style="padding:6px"> 
<div class="smallfont" style="float:right"> 
<a href="?app=about">About Extranet</a>&nbsp;<a href="?app=changelog">Changelog</a>&nbsp;</div> 
<div style="color:white"> 
<small>Copyright &copy; 2009 Radon Systems&nbsp;|&nbsp;Shamil Nunhuck&nbsp;|&nbsp;<?php echo($product.'&nbsp;|&nbsp;'.$version.'&nbsp;|&nbsp;'.$build); ?> 
</div></div></small></div> 

Но это вовсе не прилипает к дну. Что с этим не так?

ответ

4

Если вы хотите, например, .footer придерживаться нижней части попробовать следующее :

.footer { position:fixed; bottom:0; width:100%; height:110px;} 

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

Надеюсь, что это поможет!

+0

ДА! Огромное вам спасибо! – bear

+4

Будьте уверены, что это заставит нижний колонтитул« плавать »над любым другим содержимым документа. Если вы хотите, чтобы нижний колонтитул придерживался нижней части, за исключением случаев, когда содержимое документа длиннее видимой высоты окна, это не сработает. Это также не будет работать в IE6. – jrista

7

Попробуйте этот метод (его единственный я нашел последовательно работает):

http://www.cssstickyfooter.com/

+0

и не сделали это: – bear

+0

Вы должны его точно реализовать, как это говорится. Его не выбрать и не выбрать. Если вы создадите структуру своей внешней страницы, чтобы точно следовать этот метод будет работать. – jrista

+0

В настоящее время переписывает файл CSS и реструктурирует его. – bear

Смежные вопросы