Strange Space on Web-page, CSS-Related -

Link to web page:

So when you go there you see 5% black space , And if you scroll down you will see other random parts where this is also visible.

This code is:. Content {margin-left: 20%; Margin-Top: 5%; Background: RGBA (0,0,0,0.8.8); Height: 80%; Width: 60%; }

And if I make it a padding top then the black disappears, but then there is a padded place everywhere. How can I create my content on 5% below each page without a strange space? I do not really know what's going on with it.

Remove margin top: 5%. Content class, and padding add top: 5% for your body css. There is a way to do this.