Footer not showing up

Question

For some reason, my footer is not showing up at the bottom of the page and it doesn't display the white background color at all, it just shows the navbar.

.mainFooter {
 position:absolute; 
 bottom:0px;
 width:100%; 
 height:50px; 
 background:#FFC; 
 z-index:1;  
}

*<footer class="mainFooter">
<nav><ul>
        <li><a href="../$">Contact</a></li>
        <li><a href="../$">About</a></li>
   </ul></nav>
</footer>

What is your preferred output? I saw in JSfiddle. I cannot find what your require. — m4n0, May 23 '15 at 08:00
What white background? The CSS defines the background as yellow. Please provide enough code that replicates the problem. — JJJ, May 23 '15 at 08:01

score -1 · Answer 1 · edited May 23 '17 at 11:58

-1

Your footer is showing - you just got the wrong color. You use #FFC - which is a light yellow. If you want white, use #FFF.

This might help you understand Hex Color Codes:

http://www.codeconquest.com/hex-color-codes/

Edit: Read

How do you get the footer to stay at the bottom of a Web page?

edited May 23 '17 at 11:58

Community

1
1

answered May 23 '15 at 08:04

connexo

53,704
14
91
128

I am aware that the color isn't white, but that's really not the issue :D ; I simply cannot display the footer, the two navs just stick to the header. – zipporays aka The Architect May 23 '15 at 08:12
Then your question needs heavy reworking. If your problem is the wrong position of your footer, then SAY SO. If I had to guess I'd bet you do not understand how absolute positioning works. – connexo May 23 '15 at 08:15
To be fair the first sentence of the question is "my footer is not showing up at the bottom of the page." But I agree that it's impossible to give an answer without seeing something that replicates the problem. – JJJ May 23 '15 at 08:20
And it's also extremely misleading for he is using yellow, but mentions white background not showing. – connexo May 23 '15 at 08:43

Footer not showing up

1 Answers1