IE7 background color issue

Question

Can anyone tell me why the background color 'black' isn't being picked up on the footer of this website in IE7?

http://james-gilmore.co.uk/index.html

Usually, on Stack Overflow, we expect people to include relevant code in their post. This will ensure that even after the problem is fixed, future visitors will be able to learn from the post. In addition to posting the code in your question, you could also make a jsfiddle which may make people even more likely to help you. — Joshua Dwire, Nov 09 '12 at 16:24
What's that jQuery attribute that's being applied to the footer tag? Try removing that and see if it works? — Billy Moat, Nov 09 '12 at 16:33
@BillyMoat Those are the jQuery expando properties http://stackoverflow.com/questions/7200722/jquery-expando-properties — andyb, Nov 09 '12 at 16:44

score 5 · Accepted Answer · answered Nov 09 '12 at 16:31

5

Probably the hasLayout bug - have a quick read of this:

http://www.satzansatz.de/cssd/onhavinglayout.html

Try adding height:1%

answered Nov 09 '12 at 16:31

Paul Herring

66
2

score 1 · Answer 2 · edited May 23 '17 at 12:04

1

The footer container has all floated children inside and therefore has no height. You need to clear the floats. There are many ways to do this, ranging from adding a clearfix class to the container or simply adding overflow:hidden

Also related - Background not showing behind floating divs

edited May 23 '17 at 12:04

Community

1
1

answered Nov 09 '12 at 16:40

andyb

43,435
12
121
150

score 0 · Answer 3 · answered Nov 09 '12 at 16:22

0

It's probably worth just using the hex value #000000 instead of black, and see if that fixes the issue.

IE7 is pretty lame sometimes...

answered Nov 09 '12 at 16:22

pizza247

3,869
7
33
47

IE7 background color issue

3 Answers3

Linked