function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion

Applying styles for sites pages


I have created site in sites....It's looking good in chrome and firefox browsers but when coming to IE the syles are not applying i am not getting why this will be happened.

My css code is:-

  .sidebar { margin: 0px 0px 0px 25px; } .sidebar h99 span1{ background:#00AEEF; color:#fff; width:200px; text-align:left; font-family:Comic Sans MS; font-size: 18px; font-weight:bold; }


body{ background:#F4F7F3 repeat-x top; font-size: 45%; font-family: Comic Sans MS, Georgia, Times, serif;
1a{ color:#32780E; text-decoration: none; }
a{ color:#15769A; text-decoration: none; }

.pagespot {
    padding: 10px 20px;
    margin: 0px 0px 0px 0px;
    background: white;


and i called this styles in my pages like this..


<link href="{!$Resource.SiteCss}" rel="stylesheet" />


can anyone help me how to solve this and how to write global css for all the browsers..



Please see the documentation here.

try using something like this instead:

<apex:stylesheet value="{!URLFOR($Resource.style_resources, 'styles.css')}"/>

Also, don't forget to make your CSS / static resource "Public" instead of private.