Implementing the box-sizing polyfill by Christian Schepp Schaefer in wordpress

[terungwa]

I used the box-sizing polyfill by Christian Schepp Schaefer to implement a natural box layout model solution for IE7 and it worked fine.

I needed to used the static template as a base for a wordpress theme, and I realised there is no way to enqueue the boxsizing.htc file in wordpress.
My wordpress layout gets pretty messed up in IE. Is there a way to enqueue this file?

Any ideas are appreciated.

[Alen]

You would need to upload the file to your theme folder. Then just include it in your CSS.

*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(http://path/to/script/boxsizing.htc); }

Read here: https://github.com/Schepp/box-sizing-polyfill
And here: http://reference.sitepoint.com/css/behavior

(Code not tested)

[terungwa]

Thanks Allen. In the static page, this is the code snippet i used and it worked perfectly well in IE too: myhtmlelements{
margin-left: 1.0416666666666666666666666666667%;
margin-right: 1.0416666666666666666666666666667%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit /
-moz-box-sizing: border-box; / Firefox, other Gecko /
box-sizing: border-box; / Opera/IE 8+ /
*behavior: url(js/boxsizing.htc);} / natural box layout model solution for IE7 */

But in converting the template to a wordpress theme, IE is not finding the code, to behave as expected.

[Author]

Posts