Richd.nl

a collection of front-end idea's, tutorials and snippets

CSS3

HTML5 Please – Box-Sizing

Supported in Chrome, IE8+, Opera, Safari 5.1+. The recommended pattern is box-sizing : border-box;, preceded by the fallbacks -webkit-box-sizing: border-box; for old IOS<=4 and Android<=2.3, and -moz-box-sizing: border-box; for firefox. You can apply it to all (*) elements if you like.

It works like a charm. Apply it to all elements, use the IE fallback and all your padding problems will be history!

HTML5 Please – Box-Sizing

http://richd.nl/wp-content/uploads/2012/06/widthbox-182x300.png 182w, http://richd.nl/wp-content/uploads/2012/06/widthbox-54x90.png 54w" sizes="(max-width: 367px) 100vw, 367px" />

Leave a Reply

Theme by Anders Norén