-1

I have this page , its a simple page demo website :

website-link

I am getting huge white space at the end of the page,I don't know why.My document successfully validates as an HTML5 document . also i came across this thread and tried both remedies,but none worked.

One thing to be noted is that on the HTML and Body i have the following rules . 

html,body{
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

i don't know if its the 100% height causing the issue , but i certainly can't take that out .

Community
  • 1
  • 1
Alexander Solonik
  • 8,718
  • 13
  • 56
  • 133

2 Answers2

0

Try removing padding and margin, and set height and width to auto. It might solve your problem.

Also try padding-bottom: (some negative value) // It is not recommended.

FYI i did not see any white part on the bottom of the webpage on chrome (Mac).

add display:block; in css

GouravR
  • 184
  • 1
  • 9
-1

If I was doing this, I would remove the HTML from this. Then I would use the "Auto" term. This will form to what you have in the HTML. If you add something, it will automatically change, and vice verse. This is just my opinion as well, I wouldn't add the "padding" and "margin" since they're zero. This will just add length to your CSS. I hope this is what you were looking for!

body{
background: #fff;
height: Auto;
width: Auto;
padding: 0;
margin: 0;
}

-Hoyt

Hoyt
  • 3
  • 3