How to keep the footer to the bottom

  • How can I keep the footer at the bottom of the page even when there isn’t a huge amount of content.

Viewing 1 replies (of 1 total)
  • Thread Starter zachooz

    (@zachooz)

    I figured it out.

    Add this to your css

    html, body {
	margin:0;
	padding:0;
	height:100%;
}

#page{
	min-height:100%;
	position:relative;
}
main {
	padding:10px;
	padding-bottom:70px;   /* Height of the footer element */
}
#footer {
	width:100%;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;
}
Viewing 1 replies (of 1 total)
  • The topic ‘How to keep the footer to the bottom’ is closed to new replies.

Tags