allirense/Variable Height Responsive Footer

Created October 23, 2014 13:04

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/allirense/dfed15dd0e48df7c9377.js"></script>
Save allirense/dfed15dd0e48df7c9377 to your computer and use it in GitHub Desktop.

Download ZIP

Footers are tricky. Add a variable height to the mix and it's even trickier. This should help.

Raw

Variable Height Responsive Footer

	body {
	background-color: #ff0000;
	}

	/* body and footer background colors should be the same. Your main wrapper will have a different background color */

	#footer {
	position: absolute;
	bottom: 0;
	background-color: #ff0000;
	}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment