Giter VIP home page Giter VIP logo

Comments (5)

necolas avatar necolas commented on May 20, 2024

Good spot. From what I've seen...

  • IE8/9 add 3px of padding to checkbox and radio, which seems to effect the positioning even with the box-sizing correction. Setting to 0 removes the extra space.
  • Safari and Chrome add 1px of padding to those input types, but are unaffected by any change to padding values.
  • Firefox sets the padding to 0 !important in the UA stylesheet.
  • Opera sets it to 1px. Increasing the padding adds space around the input only when the total padding along one axis exceeds 8px.
  • IE6/7 add 3px but are unaffected by changes to the padding.

So adding padding:0 to the input[type="checkbox"], input[type="radio"] rule will bring IE8/9 closer to other modern browsers, and IE6/7 will remain unaffected. I think this is the way to get the most consistency between the most browsers, so it's going in.

Thanks!

from normalize.css.

iliadraznin avatar iliadraznin commented on May 20, 2024

Glad I was able to help. :)

from normalize.css.

lampslave avatar lampslave commented on May 20, 2024

Padding - ok, but what about margin?
http://imageshack.us/photo/my-images/231/19728050.png/
Opera 11.50, Linux, Clearlooks theme.

from normalize.css.

iliadraznin avatar iliadraznin commented on May 20, 2024

margin:0 is already there, I was just talking about adding padding:0.

from normalize.css.

lampslave avatar lampslave commented on May 20, 2024

I see. But may be margin is not needed too?

from normalize.css.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.