_jan_+ 0 Report post Posted January 23, 2012 Site: www.alfabeta2.it Pagelines framework. Firefox and Chrome show the Content shadow available in pagelines > Settings > Color Control: "Enable Content Shadow (Fixed Width Mode Only)" Site is fixed width and "Include Google IE Compatibility Script?" is checked. Also tried unchecking it. Content shadow does not show in IE8. I wonder that this is a cross-browser issue that should be resolved by the framework. Is there a fix? Alternatively, is there a workaround such as setting a simple border that does not mess with the shadow in Firefox/Chrome? Share this post Link to post Share on other sites
Jackey 29 Report post Posted January 23, 2012 As far as I know IE8 does not support box-shadow (or border-radius). What mess in Firefox/Chrome are you referring to? Share this post Link to post Share on other sites
_jan_+ 0 Report post Posted January 23, 2012 Thank you jackey for clarifying about border-radius. What I mena is: How could I define the CSS so that only IE less than version 9 get a border defined such as .page-canvas { border: solid 1px #B7B8BA; } and other browsers get border-radius? If I define both, shadow and border overlap and it's not what I desire. Share this post Link to post Share on other sites
Jackey 29 Report post Posted January 23, 2012 You can install "Browser Specific CSS" plugin that you can find in the PageLines Store. Than you have the necessary selectors to declare browser dependent CSS. [code]body.ie7 .page-canvas, body.ie8 .page-canvas { border: solid 1px #B7B8BA; }[/code] Will draw the border only in IE8 and IE7. Share this post Link to post Share on other sites
_jan_+ 0 Report post Posted January 23, 2012 Thank you! Share this post Link to post Share on other sites
