Update: The error there was mine, not the plugin’s. I do not yet understand and know how to use the plugin completely, and the plugin has already made a great improvement. I now get my rounded corners in IE8, but I do not get my blue outline around the pages.
Can you help with that?
Also, maybe you would have some thoughts related to things in my latest post here:
http://ww.wp.xz.cn/support/topic/does-bps-possibly-do-anything-like-headerx-ua-compatible-ie7?replies=28#post-3710355
Many thanks!
Hi Leejosepho,
Thank you for using my plugin. I’m Cristopher, The developer of the plugin. Sorry for the late reply.
I think the border problem is not in the plugin. I have checked your CSS code( http://www.nnywriters.com/wp-content/themes/ChapterTwelve/style.css ). I found out that your border( border: 8px solid #69c ) is under a media query condition( @media screen and (min-width: 960px) { ). IE do not support media query condition. I suggest you put the code( border: 8px solid #69c; ) outside the condition( @media screen and (min-width: 960px) { ).
Your code must look like this:
body .site {
border: 8px solid #69c;
}
@media screen and (min-width: 960px) {
body {
background-color: #e6e6e6; /* light gray: http://www.colorhexa.com/e6e6e6 */
}
body .site { /* added for certain browsers */
padding: 0 24px; /* 40px; */
padding: 0 1.714285714rem; /* 2.857142857rem; */
margin-top: 24px; /* 48px; */
margin-top: 1.714285714rem; /* 3.428571429rem; */
margin-bottom: 24px; /* 48px; */
margin-bottom: 1.714285714rem; /* 3.428571429rem; */
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); /* very dark: http://www.netgfx.com/RGBaZR/ */
max-width: 100%; /* added to attain full-width */
}
Give it a try! let me know if it worked for you.
Also, If you liked the plugin, I’ll appreciate if you could give it a rate here:
Give it a try! let me know if it worked for you.
Perfectly, and I hardly know how to thank you! Being a rookie at all of this, I had no idea I only needed to move one line of code.
Many thanks.
Also, If you liked the plugin, I’ll appreciate if you could give it a rate…
Certainly, and I commend your fine work in making my Twenty Twelve “mobile-first” Theme work so very well in IE.
