Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

When declaring "height: 100%" on the body, total body height is 100% + 16px #13

Closed
PanzerKunst opened this issue Mar 19, 2015 · 2 comments

Comments

@PanzerKunst
Copy link

Hi,

I just noticed that there was the scrollbar displayed in Chrome, when using js-breakpoints together with a CSS declaration of height: 100% on the body element.

This is because on body:after, there is a 16px high element, which gets added to a body already filling the whole viewport.

The reason for declaring height: 100% on the body is to have a footer which is at the bottom of the page even when the page content is less than the viewport height.

Any suggestion on how to get rid of the extra 16px in such a situation?

@ffdead
Copy link
Member

ffdead commented Mar 19, 2015

Hi there,

I think this might have been fixed by this pull request: #12

Could you take a pull and try it out please?

@PanzerKunst
Copy link
Author

That's right, I was using an old version. Problem solved :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants