Grow your CSS skills. Land your dream job.

Checkbox width and height adjustment in IE7

  • # May 22, 2010 at 9:39 am

    Hi all,

    Currently I was working on a project where I put some check boxes they look similar in Chrome, FF and IE8 but when I view it in IE7, the design breaks.

    First of all I’ve used a CSS reset that removes any margin and padding. Then using firebug I found that its 13×13 in FF and other modern browser. Using the web developer tool for IE I found that in IE7 it’s dimension is 20×20. I really don’t have any idea where it may get some extra margin or padding

    Can anyone help me with it?

    Best regards

    # May 22, 2010 at 2:34 pm

    Try setting a width and height on the checkbox and then overflow: hidden to cut off the extra space.

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

You must be logged in to reply to this topic.

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