mofle

# April 4, 2008 at 1:16 pm

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

# April 4, 2008 at 1:56 pm

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

# April 4, 2008 at 8:38 pm

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

mofle

# April 5, 2008 at 2:40 am

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

# April 5, 2008 at 3:35 pm

Anyone?

Mavericks

# April 6, 2008 at 9:38 am

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

# April 9, 2008 at 5:43 pm

Thanks anyway :D