Blogger Template Code Is Creating Extra Spacing

HTML & CSS
1

Oh - I’m having a problem with the top banner image on my blog. There seems to be some margining or padding on the left side of the grey banner ad - I can’t locate the code that’s causing it. I need to get rid of that extra spacing so that the banner ad lines up with the header logo on both sides… (screen shot below)… The red dash represent the extra spacing. Where is the code that is creating this spacing?

2

Is this already solved? looks fine to me

3

Yeah, I got it. Sorry about that.

4

Here’s what I used:

#HTML7{
padding:0;
margin:0;
}

5

I can’t see the space either, but then I have no access to IE for the moment. :slight_smile:

If the space is changing height when you change font-size for the header, then the image is sitting on a text-line in IE at the text’s base-line level. In that case try set vertical align on the ad image or set it to display block.

E.g.:


#header img{
  vertical-align:bottom;
}

Or:


#header img{
  display:block;
}