How do remove white space on top and bottom of webpage?

Question

I have a web page and i have built a tabbed content area x 3. On the top there is a large white space and on the bottom there is a small white space. I am able to see there is a margin top of 100px, but when i change this to 0px, there is still a small white gap at the top. The bottom always shows a small white space. How do i remove this?

This is the page i am referring to:Page with white space on top and bottom

You have a bunch of mixed content warnings (which can block the loading of resources) when you view the console. You should fix those. — Justin R., May 30 '18 at 22:41
mixed content issues i am aware of. need to call stylesheets and js via https. thanks for pointing out though. will fix later — Matt Godwin, May 31 '18 at 13:21

Cory Kleiser · Accepted Answer · 2018-05-31T13:24:59.363

1

Looking at the given page if you add/refactor the following styles with margin: 0; it will fix your problem:

.z-width960 #page {
    margin: 0 auto;
}

h1 {
    margin: 0;
}

.parallax {
    min-height: 100vh;
}

edited May 31 '18 at 13:24

answered May 30 '18 at 22:42

Cory Kleiser

1,969
2
13
26

This fixes the top white space, but bottom white space still showing. – Matt Godwin May 31 '18 at 13:21
@MattGodwin Add `min-height: 100vh` to your `.parallax ` class. Answer Updated – Cory Kleiser May 31 '18 at 13:24
I applied the above fix and it works now. Not sure why bottom white space was showing still, maybe a refresh was needed. Thanks a ton! – Matt Godwin May 31 '18 at 13:45
Glad I could help. Please consider marking my answer correct. Happy coding. – Cory Kleiser May 31 '18 at 13:51
How do i mark your answer as correct? I am slightly new here :) I did click the up arrow. – Matt Godwin Jun 01 '18 at 16:46
Ok i figured it out. I clicked the check mark :) Thanks again! – Matt Godwin Jun 01 '18 at 16:47

How do remove white space on top and bottom of webpage?

1 Answers1