Главная » Web Development » Как прижать footer к низу страницы 2

Как прижать footer к низу страницы 2

13:01

<html>
<head>
<style>
#footer_wrap {
    background:none repeat scroll 0 0 transparent;
    bottom:0;
    color:#474747;
    position:fixed;
    text-align:left;
    width:100%;
}

#footer_bar {
    -moz-border-radius:6px 6px 0 0;
    border-color:#ACCEE5;
    background: #EEE;
    border-style:solid solid none;
    border-width:1px 1px 0;
    font-size:0.9em;
    margin:0 auto;
    min-width:1000px;
    padding:8px 15px;
    text-align:center;
    width:60%;
    z-index:10000;
}

</style>
</head>
<body>
    <div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
         <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
         <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
         <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </div>
    <div id=\"footer_wrap\">
        <div id=\"footer_bar\">
            Footer bar
        </div>
    </div>
</body>
</html>

2.

<div>
<div></div>
</div>
<div>
</div>

.wrap {
height:auto !important;
height:100%;
min-height:100%;
position:relative;
}
.empty {
height:100px; /* равняется высоте футера */
}
.footer {
height:100px;
margin-top:-100px;
position:relative;
}