back-ground color won't "take" in footer

hi there,
so, now I want to put a background color on my footer.
I am having no luck. When I try to put it in the footer content div the color goes way up in the page.
boo hoo.
I'm sorry, I will need to add my files, I don't have this site live.
god speed.
thank you! main.css screen.css index.html
lisakilgoreAsked:
Who is Participating?
 
remorinaConnect With a Mentor Commented:
Hi lisakilgore,

You need to add overflow:hidden; and clear:both; to your footer, try updating your #footer-content class as below

#footer-content {
    display:block;
    background-color:black;
	padding:25px 0 0 5px;
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	font-size: 1em;
	color: #333;
	overflow:hidden;
    clear:both;
	}

Open in new window

Cheers
0
 
simpsolConnect With a Mentor Commented:
Looked at the main.css file. In ths CSS file you have the following
#divfooter { ...  }

In your html just have <div id=footer>,,,,</div>

Change the css #divfooter to just #footer and you can also add the backgroud-color: black; there and this should resolve your issue.
0
 
TomMicrosoft ISV PartnerCommented:
you are missing a </div> tag all the way at the bottom in your index.htm insert it here:

</body>
</div>
</html>

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.