Comp Stuff Comp Stuff - 1 month ago 5
CSS Question

Div Wrapper Background color not displaying

My footer background color is not displaying...

What am I missing?

The test site is http://qtest.pw

I am adding extra words as requested... Don't know what else to say.. So I will keep typing until it says its ok

HTML

<div id="FooterWrapper">
<div id="FooterDiv1"><img src="images/ada-logo.png" alt="American dental Association - Helmich Dental">
</div>
<div id="FooterDiv2">
</div>
<div id="FooterDiv3">
</div>
<div id="FooterDiv4">
</div>


CSS

#FooterWrapper {
clear: both;
margin: auto;
max-width: 1232px;
display: block;
padding-left: calc((100% - 1232px)/2);
padding-right: calc((100% - 1232px)/2);
background-color: #000;
}
#FooterDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 19%;
display: block;
padding: 2%;
}
#FooterDiv2 {
clear: none;
float: left;
margin-left: 0;
width: 19%;
display: block;
padding: 2%;
}
#FooterDiv3 {
clear: none;
float: left;
margin-left: 0;
width: 19%;
display: block;
padding: 2%;
}
#FooterDiv4 {
clear: none;
float: left;
margin-left: 0;
width: 19%;
display: block;
padding: 2%;
}

Answer

If you add min-height: 170px your background color will display. Right now your footer doesn't have any height in the DOM so no color showing.

Comments