CODEWITHSUNDEEP
cssxhtmlinternet-explorer-6
codemonkey613
codemonkey613

Reputation: 998

How do I eliminate the unexpected spacing in IE6?

First... In IE6, on the right side, there are 10 photos. In IE7, IE8, Firefox, and Chrome, it appears correctly. But in IE6, the last two photos are separated from the rest by a giant block of space of about 60px.

Any ideas where this is coming from, how to get rid of it?

Been spending last 4 hours playing with these, can't figure it out.

Much appreciated, Thanks!

Upvotes: 0

Views: 86

Answers (2)

Denis Ivin
Denis Ivin

Reputation: 5644

Did you try to alter the width of .right class to be >=371px vs. 368? This worked for me.

Upvotes: 1

Phil.Wheeler
Phil.Wheeler

Reputation: 16848

Add an overflow declaration to your #body .right .photo class:

{
    background:url("../images/bg-photo-trans.png") no-repeat scroll 0 0 transparent;
    display:inline-block;
    float:left;
    height:141px;
    margin-bottom:2px;
    overflow: hidden;
    width:184px;
}

Upvotes: 1

Related Questions