"box-sizing: border-box" not respected for % width values

xieyu33333 / ie7-js

Automatically exported from code.google.com/p/ie7-js

0 stars 0 forks source link

"box-sizing: border-box" not respected for % width values #351

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago

Declaring "box-sizing: border-box;" with a "width" value in discrete units (px, 
em, etc) works as per the demo at 
http://ie7-js.googlecode.com/svn/test/box-sizing.html

However, if the width of the box is defined as a percentage, the border-box 
behaviour no longer applies. See test at 
http://fiddle.jshell.net/fXk9q/10/show/light/ (based off the demo code above)

Original issue reported on code.google.com by flying.m...@gmail.com on 16 Nov 2011 at 10:09

GoogleCodeExporter commented 9 years ago

I would like to know if there is a fix for this problem.

Original comment by michelde...@gmail.com on 21 Dec 2011 at 1:18

GoogleCodeExporter commented 9 years ago

Yep, seeing as we're all designing with percentages these days, would be super 
cool to get this working with percentages.

Schepps box-sizing Polyfill (https://github.com/Schepp/box-sizing-polyfill) 
works with percentages but using that causes ie8.js to not work (some things, 
like :last-of-type, at least).

Could some clever person not combine the two?

Original comment by jheal...@gmail.com on 31 Jan 2013 at 3:56