IE7 problem

[mofle]

Hi, i gotten my site to work in every browser expect Internet Explorer 7.

Does anybody know why this is happening?
(look at the screenshot)

Screenshot: http://img201.imageshack.us/img201/249/ie7wv5.png

Site: http://www.swamr.com/web/
CSS: http://www.swamr.com/web/style.css

[Chris Coyier]

Instead of this code:

Code:

#results ul {
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
}

I’d try setting a static width and floating:

Code:

#results ul {
width: 200px;
float: left;
}

I think IE7 is having a hard time figuring out what to do without a width and those auto margins.

[Mavericks]

Looks like all is good now. Did you get the issue fixed and if so what did it?

[mofle]

Thanks, but the problem with this solution is that the boxes won’t resize, since you’ve set a fixed with of 200px.

That’s what i liked about how it was, it resized correctly in every browser expect IE7.

Anyone have a solution without fixed with?

[mofle]

Anyone?

[Mavericks]

Sorry but I don’t see a quick solution. I can’t test IE7 where I am at right now but it looks like you might be having some trouble with this on IE6 as well. Looks great in Firefox though!

[mofle]

Thanks anyway :D

[Author]

Posts