HTML Forum

**TripleMoons** · 12-31-2009, 10:42 AM

I'm a little confused by this one. The affiliates div is adding spacing, doubling the height in IE8 (NetRenderer IE7 is down, so I can't check that). If I remove the code inside the affiliates div it acts normally. Anyone have a clue?

http://triplemoonsdesign.com/MEDIAMO...ITTERGOLDMINE/

Code:

div#affiliates {
    width: 990px;
    height: 104px;
    background: url(images/affiliates.png);
}

HTML Code:

<div id="affiliates">
    
        <a href="#" style="float: right; padding-right: 80px; padding-top: 45px;">info@twittergoldmine.com</a><a href="affiliates.html" ><img src="http://www.webmaster-talk.com/images/affiliates-trans.gif" alt="affiliates" width="400px" height="90px" /></a>
    
</div>

**LadynRed** · 01-02-2010, 12:54 PM

Well, the total height is 90+45px of padding which = 135px, not 104.
You also have invalid "px" on the dimensions of your <img> tag and an unclosed <a> around the image itself.

You're using the <center> tag?? Really?? The easiest way to center an image like that is like this - create a class, apply it to the img tag:

Quote:

.imgBlock{display:block; margin: xx auto;}

Call the class whatever you like, but this easily centers any image w/o the need for that ugly, deprecated <center> tag.

Fix the errors, and see what happens.

**TripleMoons** · 01-02-2010, 08:12 PM

I actually already fixed this, same day I made the post.

And yes, I have to use wrapped center tags. It's a request of the client I create these for. Not my call. You should see what he does to my code when he puts his content into them!