Forum Moderators: not2easy

Message Too Old, No Replies

Sticky Footer

Wants to shift to the right of containers

         

tonynoriega

10:28 pm on Feb 16, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Can not get my footer to stick to bottom of view port:

html {
font-family: Arial, sans-serif;
height:100%;
}


body{
margin: 0 auto;
padding: 0;
font-size: 12px;
height:100%;
}

#container {
width:995px;
margin: 0 auto;
padding: 0;
min-height:100%;
position:relative;
background:#fff;
}

#innerContainer {
width:985px;
min-height:100%;
padding:5px;
margin:0 0 50px 0;
float:left;
}

.leftcol {
width: 190px;
float:left;
padding: 0 10px 0 0;

}

.centercol-home {
float: left;
width: 785px;
padding:0 0 50px 0;
background:#fff;
}


then here is what i have messed with the footer:

.new-footer{
width:995px;
margin:0 auto;
text-align: center;
bottom:0;
position:fixed;
padding:5px 0 5px 0;
background:#c4c4c4;
clear:both;
}


HTML


<body>
<div id="container">

<div id="innerContainer">

<!--#include virtual="/_includes/home_topMenu.asp"-->

<div class="leftcol">
</div><!--/leftcol-->

<div class="centercol-home">
</div><!--/centercolHome-->



</div><!--/innercontainer-->


<!--#include virtual="/_includes/home_footer.asp"-->

</div><!--/container-->

</body>


it seems to end up off the screen to the right...?

limbo

12:25 pm on Mar 21, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



This is a good one.

[ryanfait.com...]

Works in IE6 and on all the better ones too.