Footer снизу

Question

Код:

<body>
          <div id="container">
               <div id="header">
                    <div id="money"></div>
                    <div id="bumial"></div>
                    <div id="news"></div>
               </div>
               <div id="sitebar">
                    <div id="razdel"></div>
                    <ul id="menu"></ul>
               </div>
               <div id="content">
                    <div id="kotel">
                        <div id="txt"></div>
                    </div>
               </div>
               <div id="polezn">
                     <div id="poleznoe"></div>
                     <ul id="pmenu"></ul>
               </div>
                <div class="content1"></div>
          </div>
        <div id="footer">
        <p>©All right reserved.</p>
        </div>
     </body>

Проблема такова. Абсолютно никаким способом не получается прижать футер к низу, решил проблему для себя, сделать футер частью контета отступив немного вниз. В чём может быть проблема? Возможно ли, что в файле css указал то, что мешает его прижать к низу. Спасибо.

Поиск работает – KaZaца Jan 23 '13 at 09:37 — KaZaца, Jan 23 '13 at 09:37

kirjwuk · Answer 1 · 2013-01-23T10:05:09.890

Я пользуюсь таким вариантом:

    <div id="wrap">
        <div id="header">
    </div>
    <div id="main">
        <div id="content">
        </div>
        <div id="side">
        </div>
    </div>
   </div>
<div id="footer">
</div>
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {overflow:auto;
    padding-bottom: 150px;}  /* must be same height as the footer */
#footer {position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;}
/Opera Fix/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/
}

Источник http://www.cssstickyfooter.com/using-sticky-footer-code.html

Гена Царинный · Accepted Answer · 2013-01-23T09:35:09.130

-1

body {height: 100%; padding-bottom: 100px;}
#footer{ height: 100px; margin-top: -100px; }

edited Jan 23 '13 at 09:35

answered Jan 23 '13 at 09:34

Гена Царинный

4,677
1
16
23

1

Футер прижимается к низу страницы, маленькой размером. Если страница больше, то футер так и остаётся стоять на месте. – bumial Jan 23 '13 at 09:40

Footer снизу

2 Answers2