Forums

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

chriscoyier

Instead of this code:

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

I'd try setting a static width and floating:

#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.

bbodine1

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?

bbodine1

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

treehouse : what would you like to learn today?

Forums

IE7 problem