Will this work with older browsers? Where can I expect support for this?
* { box-sizing: border-box } FTW
11–20 of 90 posts
Re: * { box-sizing: border-box } FTW
#12As it's been said in the comments, it's amazing that after years of lobbying IE to change its box model to match W3C, we realize that maybe IE's model made more sense after all.
People were lobbying for IE to change in order to make it consistent with the rest of the browsers, not necessarily because it was worse.
Yeah, but why not lobby W3C to change their box model to a saner one?
Re: * { box-sizing: border-box } FTW
#13As it's been said in the comments, it's amazing that after years of lobbying IE to change its box model to match W3C, we realize that maybe IE's model made more sense after all.
I think IE worked this way only if there was no DOCTYPE. Or am I mistaking this with some other IE "bug"?
Re: * { box-sizing: border-box } FTW
#14I didn't read the article, but love the mouse effects outside of the content area :D
I read the article, then proceeded to waste another 20 mins of my works time drawing phallic images in the sidebars.
Still, very cool trick, and the drawing is incredibly smooth.
Re: * { box-sizing: border-box } FTW
#15As it's been said in the comments, it's amazing that after years of lobbying IE to change its box model to match W3C, we realize that maybe IE's model made more sense after all.
I've felt for years that the "broken" IE model made more sense. Your element has a height and width, padding pushes inward against interior content and margin pushes outward against exterior content.
Glad to see others think this too, I always thought it was just me.
Re: * { box-sizing: border-box } FTW
#16I can't tell you how much I enjoyed doodling in the margins while I read that article.
Re: * { box-sizing: border-box } FTW
#17I didn't read the article, but love the mouse effects outside of the content area :D
I read the article, then proceeded to waste another 20 mins of my works time drawing phallic images in the sidebars. Still, very cool trick, and the drawing is incredibly smooth.
Harmony.js: There you go > http://mrdoob.com/projects/harmony/
Although, I don't find harmony.js a very nice way sorts.
Re: * { box-sizing: border-box } FTW
#18The W3C box model spec forms a set of consistent rules that make sense. It's not the spec that's wrong. Just because it doesn't fit with your original intuition doesn't make it wrong.
A spec that doesn't work the way most people think about the problem and that makes it harder to do what you want in a page layout is wrong more or less by default.
Re: * { box-sizing: border-box } FTW
#19The W3C box model spec forms a set of consistent rules that make sense. It's not the spec that's wrong. Just because it doesn't fit with your original intuition doesn't make it wrong.
Not wrong in that it is broken in some way, but it is possible for people to look at it and decide it was the wrong decision to make.
Re: * { box-sizing: border-box } FTW
#20Earlier quoted context omitted.
People were lobbying for IE to change in order to make it consistent with the rest of the browsers, not necessarily because it was worse.
Yeah, but why not lobby W3C to change their box model to a saner one?
That's what `box-sizing: border-box` is! You can't just change the default because that would break existing websites and the W3C's box model was adopted by every other browser.