2012-02-13 2 views
0

인터넷 익스플로러 8 이상에서 문제가 있습니다. 내가 sitecore에서 역동적 인 콘텐츠를 만들지 만 한 항목 유형의 페이지에 특정 수의 항목을 추가하면 페이지의 특정 섹션에서 내 CSS가 콘텐츠의 기발한 스타일을 결정하지 않습니다.Wheres 내 CSS 스타일이 없어 졌습니까?

내가 아는이 아래에 꽤 많이하지만 난이 sitecore의 항목을 만들 때 코드 세트가 여러 번 작성되는 :

프런트 엔드 HTML :

<div class="<%=uniqueID %>"> 
    <div class="compareRatesSlideSpot"> 

     <div class="headerContent"> 
       <div class="tableContainer"> 
        <div class="exchangeProvider"><%=exchangeProvider %></div> 
        <div class="exchangeRate"><%=exchangeRate %></div> 
        <div class="transferCharges"><%=transferCharges %></div> 
        <div class="amountYouGet"><%=amountYouGet %></div> 
       </div> 
       <div class="Toggle"> 
        <span> 
         Learn more <img src="/images/arrow_open.png" /> 
        </span> 
       </div> 
      </div> 



      <div class="Content"> 

      <%=content %> 

      </div> 



    </div> 
    <div class="Shadow"></div> 
</div> 

자바 스크립트 :

<script type="text/javascript"> 

    $(document).ready(function() { 
     $(".<%=uniqueID %> .headerContent").css("color", "<%=fontColor %>"); 
     $(".<%=uniqueID %> .tableContainer").css("background-color", "<%=bgColor %>"); 
     $(".<%=uniqueID %> .Toggle").css("color", "#000000"); 
    }); 

    var <%=uniqueID %>isToggled = 0; 

    $(".<%=uniqueID %> .Toggle").hover(
     function() { 
      $(this).css("color", "<%=secondaryColor %>"); 
     }, 
     function() { 
      $(this).css("color", "#000000"); 
     } 
    ); 

    $(".<%=uniqueID %> .Toggle").click(function() { 

     $(".<%=uniqueID %> .Content").slideToggle("slow"); 
    if (<%=uniqueID %>isToggled == 0) { 
     <%=uniqueID %>isToggled = 1; 
     $(".<%=uniqueID %> .Toggle span").html('Minimise <img src="/images/arrow_close.png" />'); 
    } else if (<%=uniqueID %>isToggled == 1) { 
     <%=uniqueID %>isToggled = 0; 
     $(".<%=uniqueID %> .Toggle span").html('Learn more <img src="/images/arrow_open.png" />'); 
    }; 

}); 
</script> 

뭐가 잘못되었는지 찾아내는 데 도움이되는 눈의 두 번째 쌍이 필요합니다. 몇 시간 동안 계속 쳐다 보면서 계속 성공했습니다.

솔루션 :

우리가 다른 마스터 페이지에로드 사용자 정의 컨트롤 내에서 사용자 제어를위한 CSS 링크를했다 밝혀졌다 한숨. 각 마스터 페이지의 헤드에 관련 CSS 링크를 넣고 잘 작동합니다. 아래의 답변 덕분에이 문제를 해결할 수있었습니다.

+1

HTML/CSS/JS가 자신이해야한다고 생각하는 것을하지 않거나 ASP가 HTML/CSS/JS를 생성하지 않아야한다고 생각해야합니다. 클라이언트 측 증상이있을 때 서버 측 코드를 표시하는 것이 도움이되는 것은 아닙니다. – Quentin

+2

잘 지원되는 스타일 속성을 '