Grow your CSS skills. Land your dream job.

IE7 problem

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

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

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

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

    # April 5, 2008 at 3:35 pm

    Anyone?

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

    # April 9, 2008 at 5:43 pm

    Thanks anyway :D

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".