2010-02-16 51 views
0

我有一個使用Telerik RadEditor與IE瀏覽器(不是Firefox,不是Chrome瀏覽器而不是Safari瀏覽器)的問題。 我認爲我有一個衝突的CSS風格,但我不知道其中一個(嘗試刪除大多數樣式)。我也嘗試添加一個ContentEditorArea.css。RadEditor顯示問題(LI)

如何RadEditor顯示在IE8(在IE7差別不大): http://www.skalae.fr/radeditor.jpg

編輯

確定。我不知道我有一個CSS衝突。所以,這裏是Asp.net頁面:

 <telerik:radeditor runat="server" ID="DetailsPratiques" 
     ToolsFile="~/App_Data/RadEditLite.xml" 
     SkinID="DefaultSetOfTools" 
     width="95%" 
     Height="300px"> 
      <CssFiles> 
       <telerik:EditorCssFile Value="~/view/assets/EditorContentArea.css" /> 
      </CssFiles> 
       <Tools> 
       <telerik:EditorToolGroup> 
         <telerik:EditorDropDown Name="TranslateTool" Text="<img src='/view/assets/flags/fr.png' alt=''/> Translation Tool" 
          Width="130px" ItemsPerRow="1" PopUpWidth="120px" PopUpHeight="260px"> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/fr.png' alt=''/> French" Value="fr" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/en.png' alt=''/> English" Value="en" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/es.png' alt=''/> Spanish" Value="es" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/de.png' alt=''/> German" Value="de" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/it.png' alt=''/> Italian" Value="it" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/ru.png' alt=''/> Russian" Value="ru" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/pt.png' alt=''/> Portuguese" Value="pt" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/he.png' alt=''/> Hebrew" Value="he" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/nl.png' alt=''/> Dutch" Value="nl" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/ja.png' alt=''/> Japanese" Value="ja" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/bg.png' alt=''/> Bulgarian" Value="bg" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/ro.png' alt=''/> Romanian" Value="ro" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/uk.png' alt=''/> Ukrainian" Value="uk" /> 
          <telerik:EditorDropDownItem Name="<img src='/view/assets/flags/sv.png' alt=''/> Swedish" Value="sv" /> 
         </telerik:EditorDropDown> 
         <telerik:EditorTool Name="InsertVideo" Text="Multimedia Content" /> 
       </telerik:EditorToolGroup> 
       </Tools> 
      </telerik:radeditor> 

也許是重要的,這是在Ajax手風琴:

   <ajaxToolkit:Accordion 
       ID="accordion1" runat="server" 
       FadeTransitions="false" FramesPerSecond="100" TransitionDuration="50" 
       CssClass="jqtheme" HeaderCssClass="header" ContentCssClass="" 
       RequireOpenedPane="True" AutoSize="None"> 
       <Panes> 
        <ajaxToolkit:AccordionPane ID="panier" runat="server"> 
         <Header> 
          <div> 
           <li>Informations principales</li> 
          </div> 
         </Header> 
         <Content> 

其關閉。

(感謝您的幫助,對不起我的英語和惱人的你與)

+1

您需要提供一些更多信息,理想情況下可以使用一些代碼來說明問題所在。沒有某種上下文或比較,你鏈接的圖像是無用的。 – rrrr 2010-02-16 12:58:28

+0

我發現4個CSS文件wothes會導致問題。 像屏幕捕獲發生的問題: http://www.skalae.fr/templates.css 其他(radEditor不顯示圖標和其他圖形元素,但佈局是好的[沒有子彈列表問題]): 它與以下任何一種: http://www.skalae.fr/rssmixer.css http://www.skalae.fr/pushref.css http://www.skalae.fr /zbfooterlinks.css – Netah 2010-02-17 08:00:50

回答

0

你可以嘗試使用RadStyleSheetManager控制在頁面上手動註冊RadEditor皮:

 <telerik:RadStyleSheetManager ID="radstylesheetmanager1" runat="server"> 
     <StyleSheets> 
      <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" /> 
      <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Default.Editor.Default.css" /> 
      <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" /> 
      <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Default.Window.Default.css" /> 
     </StyleSheets> 
    </telerik:RadStyleSheetManager> 

這應該通過顯示/隱藏編輯器,使用AJAX請求等來修復您可能遇到的所有皮膚問題。您可能需要更改的唯一一件事是上面樣式表引用中的皮膚名稱(即用您正在使用的皮膚替換「Default」) 。