Grow your CSS skills. Land your dream job.

whitespace issues in IE – of course

  • # May 28, 2009 at 12:45 pm

    I have a div set up with a form inside of it. I’m floating elements left and right. Everything works fine in Firefox of course but in IE I’m getting this weird whitespace that overlays on top of my label. Here is the CSS for it:

    Code:
    /*main div*/
    #additional {
    width:530px;
    padding:10px;
    }
    /*left side*/
    .form-left {
    margin:0px;
    float:left;
    left:0px;
    }
    /*right side where the whitespace issue is*/
    .form-right {
    margin:0px;
    float:right;
    right:0px;
    }

    I’ve attached the image of what the issue looks like. The form on top of it is fine and there’s enough space between the previous input and the label with the problem. Can anyone offer any insight. Thanks!!

    # May 28, 2009 at 2:27 pm

    Tough to say without a link but I would give both of your floats a width.

    # May 28, 2009 at 2:49 pm

    I tried doing that but it still wasn’t working. I’ve given up at this point. It really wasn’t my project anyway. I’m going to give it over to our web guys. They’re going to use tables and capitalize their tags but its their problem now. Thanks anyway!!

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

You must be logged in to reply to this topic.

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