CODEWITHSUNDEEP
css
datasn.io
datasn.io

Reputation: 12867

Mysterious bottom padding in CSS

Please see here, at the end of the post, the 70px author image from gravatar.com is having a mysterious bottom padding, making the bottom padding a lot more wider than the top, left and right ones.

I looked all 3 browsers, FF11, Chrome and IE9 and all are presenting the same problem. I couldn't find the culprit with Firebug. The extra padding is no padding nor margin of anything!

Any idea?

Upvotes: 1

Views: 595

Answers (1)

Zoltan Toth
Zoltan Toth

Reputation: 47667

Try to set a height to the Gravatar wrapper div - http://jsfiddle.net/AMf5N/1/

#post-author .profile-image {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    float: left;
    height: 70px; /* add this */
    margin: 0 15px 5px 0;
    padding: 5px;
}

or float the image - http://jsfiddle.net/AMf5N/

Upvotes: 2

Related Questions