Grow your CSS skills. Land your dream job.

border IE

  • # March 30, 2013 at 6:48 am

    Hello,
    I want to ask why in IE shows border like this:http://www.part.lt/img/61d1edec2b4428f69bc2a2a94e85d898923.JPG?
    In FF, Chrome and etc shows normal.

    .avatar {
    min-width: 100px;
    width: 100px;
    max-width: 100px;
    min-height: 100px;
    height: 100px;
    max-height: 100px;
    border: 1px solid #666666;
    display: block;
    }

    # March 30, 2013 at 7:44 am

    i guess because of width and height you set for class avatar. Have you played around with it? Remove width /height and see how it goes.

    # March 30, 2013 at 7:46 am

    Without seeing it live it’s tough to see what might be causing it **but** depending on which version of IE is a problem it might be all those width and height declarations are confusing the browser.

    # March 30, 2013 at 7:47 am

    FF and IE use a different box model. So make css for IE and make border there.
    Regards

    # March 30, 2013 at 7:49 am

    >FF and IE use a different box model.

    Not sure that is true any more.

    Before we go off making extra CSS let’s see if we can fix it as it is.

    # March 30, 2013 at 7:52 am

    > FF and IE use a different box model.
    Not sure that is true any more.
    Before we go off making extra CSS let’s see if we can fix it as it is.>

    Well it depends on IE version of course, but it’s always a good practice to make css for IE.
    Regards.

    # March 30, 2013 at 8:01 am

    >it’s always a good practice to make css for IE

    It’s better practice to make IE specific CSS **only if it’s necessary.

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