Как закрепить footer внизу страницы?

(Ответов: 1, Просмотров: 7949)
  1. Студент
    • Регистрация: 12.07.2013
    • Сообщений: 48
    • Репутация: 2
    • Webmoney BL: ?
    Подскажите как закрепить footer внизу страницы, что бы он при растягивании сайта всегда был прижат к низу страницы.

    Вот код моего footera:

    Развернуть текст

    Код HTML:
    <footer id="colophon" role="contentinfo" class="span12"> <div id="page-footer" class="clearfix"> <center><a href="/" style="color: #ce422b;">Мой сайт</a> © 2014</center> </div><!-- #page-footer .well .clearfix --> <div id="footer_social"> <script type="text/javascript" src="//yandex.st/share/share.js"
    charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru"
     data-yashareQuickServices="yaru,vkontakte,facebook,twitter,moimir" data-yashareTheme="counter"></div> </div> <div id="footer_platforms"> <!--LiveInternet counter--><script type="text/javascript"><!--
    document.write("<a href='http://www.liveinternet.ru/click' "+
    "target=_blank><img src='//counter.yadro.ru/hit?t17.1;r"+
    escape(document.referrer)+((typeof(screen)=="undefined")?"":
    ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
    screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
    ";"+Math.random()+
    "' alt='' title='LiveInternet: показано число просмотров за 24"+
    " часа, посетителей за 24 часа и за сегодня' "+
    "border='0' width='88' height='31'><\/a>")
    //--></script><!--/LiveInternet--> </div> </footer>
    [свернуть]


    Вот css:

    Развернуть текст

    Код HTML:
    html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
        margin: 0;
        padding: 0;
    }
    
    body {
        background: url('../images/treeleft.png') left -358px top repeat-y, url('../images/treeright.png') right -358px top 256px repeat-y , url('../images/bg.png');
        color: #1f282c;
        word-wrap: break-word;
    }
    #colophon {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    background: transparent url('../images/footer.png' ) center top;
    width: inherit !important;
    height: 245px !important;
    margin: 0 !important;
    float: none !important;
    }
    
    #footer_platforms {
    left: initial;
    right: 64px;
    }
    
    #footer_platforms {
    font-family: fontawesome;
    font-size: 64px;
    color: #111;
    position: absolute;
    bottom: 29px;
    }
    
    #page-footer {
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
    }
    #footer_social {
    font-family: fontawesome;
    font-size: 64px;
    color: #111;
    position: absolute;
    left: 64px;
    bottom: 28px;
    }
    [свернуть]
    • 0
  2. Гуру
    • Регистрация: 12.12.2011
    • Сообщений: 505
    • Репутация: 107
    посмотрите здесь _http://www.fortress-design.com/footer-down-template/
    Быстрый SSD хостинг от Fozzy
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Как в категории закрепить текст7
DLE 2 18.06.2013 18:20
Как в WP закрепить пост на верху в категории?
WordPress 8 31.10.2012 18:55
Как в WP закрепить пост на главной под нумерацией страниц?
WordPress 5 29.10.2012 00:39
html верстка footer
Web программирование 10 29.06.2012 23:35
как изменить надпись внизу страницы
Вопросы от новичков 10 27.10.2010 20:40

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры