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

with 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

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

Enable autocomplete or intellisense in Atom editor for PHP -