Question

I have a margin below my footer in most browsers. Not in Chrome though. See enter link description here

Both body and my page wrapper have margin: 0. Wrapper is also height: 100%.

Here’s the footer code:

#colophon {
clear: both;
display: table;
width: 960px;
max-width: 960px;
background: #131313;
border-top: 3px solid #0099cc;
border-collapse: collapse;
}

Adding margin: 0 there doesn’t help. Shouldn’t be necessary anyway. What am I missing?

Answer 1

Your wordpress stats tracker image is set to visibility: hidden, and follows your body tag. It is this image which creates your extra footer spacing, as you can see by changing the image like so img#wpstats { display: none; } (don’t leave it like this – see below)

I’d move that image within your main footer (ie #colophon) somewhere it won’t cause a problem. Alternatively, you could set it to position: absolute to remove it from the flow entirely. You can’t set it as display: none as the browser needs to load the image in order for your tracking to work.