Gap of absolutely nothing on my website [HTML/CSS] -
ok, asked question last time, , odd reason closed due being "irrelevant." don't see how "irrelevant" @ all. explained problem thoroughly high detail. second attempt.
the problem: there big gap on bottom portion of website. there absolutely nothing there, , have no idea causing problem.
image: without explanations
you i'm trying say? big gap want remove. want content end ends, there's big gap of absolutely nothing after it!
website fiddle: click
this fiddle
so if scroll down, can see big gap of absolute nothingness, yes? that's want fix. please me!
the top: -382px;
causing space below footer. why not use margin: 0 auto;
center element. , lastly, there's many tags
unclosed.
change this:
#footer { color: white; text-align: center; background-color: black; top: -382px; position: relative; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); width: auto; height: auto; padding: 20px; margin: 0px; font-family: roboto; z-index: -1; }
to this:
#footer { color: white; text-align: center; background-color: black; position: relative; margin: 0 auto; width: auto; height: auto; padding: 20px; font-family: roboto; z-index: -1; }
here's fiddle
Comments
Post a Comment