Jump to content

Extend footer to browser base with :after


ben03

Recommended Posts

Hi there,

 

I'm dealing with some short pages and the footer needs to be able to extend to the base of the browser to look a bit tidier. I thought of using an :after with the same background:

footer:after{position: absolute; bottom: -1000px; left: 0px; width: 100%; height: 1000px; content: ""; background:rgba(0,0,0,0.6); }

This works for left and right of a div, but not below as page keeps scrolling to the 100px height! How can 'hide' the overflow of this after so it doesn;t keep trying to scroll its height?

 

Hope that makes sense. Thanks

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...