RadEditor Dialogs Problem FF

[Frank Kocher]

Hi,

i have a general Dialogs Problem at the RadEditor with FF and IE (Version higher 6.0). If i open the table assistent or picture properties in the IE 6.0 the Dialogs wil be shown correctly (see attached picture files), in FF and other IE Versions not. Also i setted the TableLayoutCSSFile Property and in IE 6.0 the correct entries will be shown and in FF and other IE Versions not.

I hope someone has any idea. Thx for help.

Frank

[Dobromir]

Hi Frank,

I tried to reproduce this behavior on our side but to no avail. Could you please open a support ticket and provide us a sample project so we can investigate it further? 

Regards,
Dobromir
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Frank Kocher]

Hi Dobromir ,

at first thanks for your fast reply. Can you tell me what you need from the project because its very large and complex. This behavior started after we changed from the classic telerik controls to the telerik ajax controls. Maybe the css-files content and the vb-code who sets the properties for the radeditor can help you.

vb-code setting the properties of the editor:
 

  ''' <summary>
        ''' RadEditor einstellen auf Standardeinstellungen, Schriftarten und Farben
        ''' </summary>
        Public Overridable Sub einstellenStandard(ByRef aobjEditor As Telerik.Web.UI.RadEditor, ByVal aToolTyp As Integer)
            Dim globalContext As New class_GlobalContext(False)
            Dim Schriftarten As New class_EditorSchriftart_Liste()
            Dim Farben As New class_EditorFarbe_Liste()

            With aobjEditor
                .LocalizationPath = "~/RadControlsAJAX/Sprachen"
                .Language = "de-DE"
                .EnableFilter(Telerik.Web.UI.EditorFilters.RemoveScripts)
                .EnableFilter(Telerik.Web.UI.EditorFilters.ConvertToXhtml)
                .NewLineBr = False
                .Visible = True
                .ToolbarMode = Telerik.Web.UI.EditorToolbarMode.PageTop
                .EditModes = Telerik.Web.UI.EditModes.Design Or Telerik.Web.UI.EditModes.Html
                .ContentAreaCssFile = "~/RadControlsAJAX/Allgemein/PC/Editor/EditorContentArea.css"
                .EnableEmbeddedSkins = False
                .Skin = "PC"
                '.Skin = "Default"
                .DialogsCssFile = "~/RadControlsAJAX/Allgemein/PC/Editor/DialogCSS.css"
                .ExternalDialogsPath = "~/RadControlsAJAX/Dialogs/PC/Editor"
                .EnableResize = False
                .TableLayoutCssFile = "~/RadControlsAJAX/Allgemein/PC/Editor/tabellenlayout.css"
            End With

DialogCSS.css

/* Global Styles */
@import url("../../../Skins/PC/Widgets/Widgets.PC.css");
@import url("../../../Skins/PC/ToolBar/ToolBar.PC.css");
@import url("../../../Skins/PC/FormDecorator/FormDecorator.PC.css");
@import url("../../../Skins/PC/TabStrip/TabStrip.PC.css");
@import url("../../../Skins/PC/Editor/Editor.PC.css");


LEGEND
{
    FONT: menu;
    COLOR: #bbbbbb;
}
FIELDSET
{
    border-top: 2px outset white;
    border-left: 2px outset white;
    border-bottom: 2px inset white;
    border-right: 2px inset white;
    margin:4px;
}
BODY
{
    scrollbar-face-color: #E9E9E9;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #E9E9E9;
    scrollbar-3dlight-color: #DBDBDB;
    scrollbar-arrow-color: #787878;
    scrollbar-track-color: #F5F5F5;
    scrollbar-darkshadow-color: #AEAEAE;
    background-color:#f7f7f7;
    border:0px;
    margin:0px;
}
BODY.Body {
    background-image:url(CssImg/windowBg.jpg);
    background-repeat: repeat-x;
    background-color: #59CCFF;
    font-family: Arial, Verdana;
}


/* Text-related Styles */
.Text
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Verdana;
    color: black;
}

LABEL, .Label
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Verdana;
    color: black;
    padding-left:4px;
}
.DisabledLabel
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Verdana;
    color: Gray;
}
.Message
{
    FONT-SIZE: 12px;
    COLOR: blue;
    FONT-FAMILY: Tahoma
}
.ErrorMessage
{
    FONT-SIZE: 12px;
    COLOR: red;
    FONT-FAMILY: Tahoma
}

/* Button related styles */

INPUT.Button, BUTTON.Button
{
    border: 0px;
    margin: 3px;
    margin-left:6px;
    WIDTH: 78px;
    FONT-FAMILY: Arial;
    HEIGHT: 22px;
    BACKGROUND-image: url(CssImg/button.gif);
    background-color: Transparent;
    TEXT-ALIGN: center;
    font-size:11px;
    vertical-align:middle;
}

BUTTON.ImageButton
{
    border: 0px;
    background-color: Transparent;
    width:22px;
    height:20px;
    vertical-align:top;
}

.DialogUtilityArea
{
    border:1px solid #999999;
    background-color:#ccccee;
    margin-top:3px;
    margin-bottom:0px;
}

/* Dialog Holder related properties */
.FileNodeTreeHolder
{
    border: #bbbbbb 1px solid;
    OVERFLOW: auto;
    WIDTH: 200px;
    HEIGHT: 250px;
    BACKGROUND-COLOR: #fcfcfc;
    vertical-align:top;
}

.PreviewAreaHolder
{
    border: #bbbbbb 1px solid;
    VERTICAL-ALIGN: middle;
    OVERFLOW: auto;
    WIDTH: 250px;
    HEIGHT: 250px;
    BACKGROUND-COLOR: #fcfcfc;
    TEXT-ALIGN: center;
}

/* Image-button related styles in the dialogs */
.ImageButtonHolder
{
    background-color: white;
    border: 1px solid #bbbbbb;
    border-bottom: 0px solid #cccccc;
}

.ImageButtonHolder A
{
    width:22px;/*IE*/
    margin:1px;
}

.ImageButtonHolder A:hover
{
    margin:0px;
    background-color:#e3e3e3;
    border:1px solid #666666;
}

.ImageButtonHolder A.Disabled, .ImageButtonHolder A.Disabled:hover
{
    width:22px;/*IE*/
    margin:1px;
    background-color:transparent;
    border:0px solid transparent;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
}

INPUT.ButtonDisabled, BUTTON.ButtonDisabled
{
    border: 0px;
    margin: 3px;
    margin-left:6px;
    WIDTH: 78px;
    FONT-FAMILY: Arial;
    HEIGHT: 22px;
    BACKGROUND-image: url(CssImg/button.gif);
    background-color: Transparent;
    TEXT-ALIGN: center;
    font-size:11px;
    vertical-align:middle;
}

INPUT.File
{
    border:1px solid #999999;
    font-size:11px;
}

/* TextBox related styles */
INPUT.RadETextBox
{
    padding-left:2px;
    border: 1px solid #bbbbbb;
    font: menu;
    font-size: 12px;
    margin:1px;
}

/* DropDown related styles */
SELECT.DropDown
{
    FONT-FAMILY: Tahoma;
    padding-left:2px;
    font-size:11px;
    margin:2px;
}

/* MainTable related styles */
TABLE.MainTable
{
    BACKGROUND-COLOR: #f7f7f7;
}
TABLE.MainTable TH
{
    text-align:left;
    padding-left: 10px;
    font-family: Arial;
    height: 37px;
    background-image: url(CssImg/dialogueTabsBg.gif);
    background-repeat: repeat-x;
    background-color: #e4e4e4;
    width: 100%;
}
TABLE.MainTable TD.MainTableContentCell
{
    padding:2px;
}

/* TD Related styles */
TD.Padded
{
    padding: 2px 2px 2px 1px;
}

/* Separator-related styles */
TD.VerticalSeparator
{
    BORDER-LEFT: red 1px solid;
    WIDTH: 2px
}

TD.HorizontalSeparator
{
    BORDER-BOTTOM: green 1px solid
}

/* Tab related styles */

TABLE.Tab
{
    cursor:pointer;
    cursor:hand;
    /*background-image:url(CssImg/TabMiddle.gif);*/
    background-repeat: repeat-x;
    font-family: Arial, Verdana, Tahoma;
    font-size:11px;
    height:24px;
}

TABLE.TabSelected
{
    cursor:default;
    /*background-image:url(CssImg/TabMiddleSelected.gif);*/
    background-repeat: repeat-x;
    font-family: Arial, Verdana, Tahoma;
    font-size:11px;
    height:27px;
}
.TabLeftSelected
{
    width: 12px;
    height: 27px;
    font-size: 1px;
    background-image: url(CssImg/TabLeftSelected.gif);
    position:relative;
    left:0px;
}
.TabCenterSelected
{
    background-image:url(CssImg/TabMiddleSelected.gif);
    text-align:center;
    padding-left:2px;
    padding-right:2px;
    height: 27px;
}
.TabRightSelected
{
    width: 33px;
    font-size: 1px;
    background-image: url(CssImg/TabRightSelected.gif);
    background-repeat: no-repeat;
    height: 27px;
}

.TabLeft
{
    width: 1px;
    height: 24px;
    font-size:4px;
    background-image: url(CssImg/TabMiddle.gif);
}
.TabCenter
{
    background-image:url(CssImg/TabMiddle.gif);
    text-align:center;
    padding-left:2px;
    padding-right:2px;
}
.TabRight
{
    width: 13px;
    font-size:4px;
    height: 27px;
    background-image: url(CssImg/TabRight.gif);
}

TABLE.TabDisabled
{
    cursor: crosshair;
    cursor:no-drop;
    font-family: Arial, Verdana, Tahoma;
    font-size:11px;
    height:27px;
    color:gray;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
}

.TabLeftDisabled
{
    width: 1px;
    font-size: 1px;
    height: 27px;
    background-image:url(CssImg/TabMiddle.gif);
    background-repeat: no-repeat;
}

.TabCenterDisabled
{
    text-align:center;
    background-image:url(CssImg/TabMiddle.gif);
    background-repeat: repeat-x;
    padding-left:7px;
    padding-right:7px;
}
.TabRightDisabled
{
    width: 13px;
    height: 27px;
    font-size: 1px;
    background-image: url(CssImg/TabRight.gif);
    background-repeat: no-repeat;
}


/* Tree-node related styles */
.TreeNodeSelected TD, .TreeNodeSelected TD A
{
    cursor:hand;
    cursor:pointer;
    font-size:11px;
    font-family:Tahoma;
    padding:1px 0px 1px 1px;
    background-color: #f2f2f2;
    text-decoration:none;
    color: black;
}

.TreeNodeDefault TD, .TreeNodeDefault A, .TreeNodeDefault A:visited
{
    cursor:hand;
    cursor:pointer;
    font-size:11px;
    font-family:Tahoma;
    padding:1px 0px 1px 1px;
    text-decoration:none;
}

.TreeNodeDefault A:hover
{
    color:#999999;
    cursor:hand;
    cursor:pointer;
    text-decoration:underline;
    font-size:11px;
    font-family:Tahoma;
    padding:1px 0px 1px 1px;
}

.FileBrowserSortHeader
{
    cursor:hand;
    cursor:pointer;
    font-size:11px;
    font-family:Tahoma;
    border-top: 0px;
    border-right: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    border-left:1px solid #cccccc;
    background-color: #e5e5e5;
    color: #333;
}

/*ERJO - RELATED TO THE Tables Dialog!!!*/
TD.TableDialogCell
{
    background-color: #cccccc;
}


TD.TableDialogSelectedCell
{
    background-color: #999999;
}

TD.TableDialogTableHolder
{
    background-color:White;
    border:1px solid #bbbbbb;
}

/* --- Drop down menu --- */
.MenuButton
{
    margin:3px;
    position:absolute;
    width:14px;
    height:14px;
    font-size:4pt;
    border:1px solid #cccccc;
    background-repeat: no-repeat;
    background-position: center;
}

.MenuElement
{
    position: absolute;
    background-color: #009900;
    z-index: 1000;
}

/* --- Color picker --- */
.RadEColorPicker
{
    border:1px solid #7F9DB9;
    background-color: white;
    cursor:default;
}
.RadEColorPicker TD
{
    border:1px solid white;
    height:14px;
    text-align:center;
}

.RadEColorPicker TD.Over
{
    border:1px solid #bbbbbb;
    height:14px;
}

.RadEColorPicker TD DIV
{
    border: 1px solid #808080;
    width: 12px;
    height: 13px;
    font-size:5pt;
}

/* --- Alignment selector --- */
.AlignmentControlTable
{
    background-color:#fefefe;
    border: 1px solid #7F9DB9;
    cursor:default;
}

.AlignmentControlTable A
{
    width:22px;/*IE*/
    margin:1px;
}

.AlignmentControlTable A:hover
{
    margin:0px;
    background-color:#e3e3e3;
    border:1px solid #bbbbbb;
}

/* TableBorderControl */
.TableBorderControlMain
{
    border: 1px solid #bbbbbb;
    BACKGROUND-COLOR: white;
    margin:5px;
}

.TableBorderControlMain A
{
}

.TableBorderControlMain A:hover
{
    background-color:#e3e3e3;
    border:1px solid #666666;
}

.TableBorderControlMain TD.HButtonHolder
{
    border: 1px solid #bbbbbb;
    background-image: url(Dialogs/tableBorderControlH.gif);
    background-repeat: repeat-x;
    padding: 2px;
}

.TableBorderControlMain TD.VButtonHolder
{
    text-align:left;
    border: 1px solid #bbbbbb;
    background-image: url(Dialogs/tableBorderControlV.gif);
    background-repeat: repeat-y;
    width: 20px;
}

.TableBorderControlMain TD.Preview
{
    border: 1px solid #bbbbbb;
    background-color: #f7f7f7;
}

.TableBorderControlPreview
{
    /*border-color: #0099cc;*/
    background-color: #ffffff;
}

.TableBorderControlPreview TD
{
    /*border-color: #0099cc;*/
}

.TableBorderControlPreviewNoBorder
{
    background-color: #ffffff;
    BORDER-RIGHT: 1px dotted #999999;
    BORDER-BOTTOM: 1px dotted #999999;
}

.TableBorderControlPreviewNoBorder TD
{
    padding: 2px;
    background-color: #ffffff;
    BORDER-TOP: 1px dotted #999999;
    BORDER-LEFT: 1px dotted #999999;
}


/* Plus and Minus "buttons" */
TD.SizeButtonHolder
{
}

TD.SizeButtonHolder IMG
{
    border: 1px solid #2E74CF;
    background-color: White;
}

TD.SizeButtonHolder IMG.Over
{
    background-color: #e3e3e3;
    border: 1px solid #666666;
}

TD.SizeButtonHolder IMG.Disabled
{
    background-color:transparent;
    border:0px solid transparent;
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
}

/* --- Color picker --- */
.RadEColorPickerLabel
{
    font-size: 11px;
    font-family: Arial, Verdana;
    color: green;
    text-align: center;
}

.ColorPickerMainButton
{
    height:22px;
    width:30px;
    /*padding-left:4px; */
    vertical-align:middle;
    border:0px solid #cccccc;
    text-align:left;
    background-color:Transparent;
    background-image:url(Dialogs/ColorPickerIcon.gif);
}

.ColorPickerMainButtonOver
{
    height:22px;
    width:30px;
    /*padding-left:4px; */
    vertical-align:middle;
    border:0px solid red;
    text-align:left;
    background-color:Transparent;
    background-image:url(Dialogs/ColorPickerIconOver.gif);
}

.ColorPickerMenuSpan
{
    margin:3px;
    /*position:absolute;*/
    width:12px;
    height:12px;
    font-size:4pt;
    border:1px solid #cccccc;
    background-repeat: no-repeat;
    background-position: center;
}

/* --- Alignment selector --- */
.AlignmentMainButton
{
    height:22px;
    width:30px;
    padding-left:4px;
    vertical-align:middle;
    border:0px solid #cccccc;
    text-align:left;
    background-color:Transparent;
    background-image:url(Dialogs/AlignmentSelectorIcon.gif);
}

.AlignmentMainButtonOver
{
    height:22px;
    width:30px;
    padding-left:4px;
    vertical-align:middle;
    border:0px solid #cccccc;
    text-align:left;
    background-color:Transparent;
    background-image:url(Dialogs/AlignmentDropdownOver.gif);
}

/* --- TableBorderControl --- */
.TableBorderControlMain TABLE.ImageButtonHolder
{
    background-color: Transparent;
    border: 0px solid #cccccc;
}

/* ------------------------- Editor Dropdown "Header" Styles ---------------------------------*/
.RadEDropDown
{
    cursor:default;
    background-color:white;
    border:1px solid #A6A6A6;
    font:normal 11px Tahoma;
    width: 13px;
    height: 16px;
}

.RadEDropDownOver
{
    cursor:default;
    background-color:white;
    border:1px solid #0A246A;
    font:normal 11px Tahoma;
    width: 13px;
    height: 16px;
}

FormDecorator.PC.css

/* RadFormDecorator PC Skin */

.RadForm_PC.rfdScrollBars
{
    scrollbar-3dlight-color: #959695;
    scrollbar-arrow-color: #3e3e3e;
    scrollbar-base-color: #f5f5f5;
    scrollbar-darkshadow-color: #5f6e93;
    scrollbar-face-color: #d1d1d4;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #a0ad8a;
    scrollbar-track-color: #f0f0f0;
}

/* label settings */
.RadForm_PC label.Vista
{
    color: #626262;
}

/* checkbox settings */
.RadForm_PC .rfdCheckboxUnchecked,
.RadForm_PC .rfdInputDisabled.rfdCheckboxUnchecked:hover
{
    background: transparent url('Telerik_Images/CheckBoxSprites.gif') no-repeat 0 0;
}

.RadForm_PC .rfdCheckboxUnchecked:hover
{
    background: transparent url('Telerik_Images/CheckBoxSprites.gif') no-repeat 0 -200px;
}

.RadForm_PC .rfdCheckboxChecked,
.RadForm_PC .rfdInputDisabled.rfdCheckboxChecked:hover
{
    background: transparent url('Telerik_Images/CheckBoxSprites.gif') no-repeat 0 -420px;
}

.RadForm_PC .rfdCheckboxChecked:hover
{
    background: transparent url('Telerik_Images/CheckBoxSprites.gif') no-repeat 0 -640px;
}
/* end of checkbox settings */

/* radiobutton settings */
.RadForm_PC .rfdRadioUnchecked,
.RadForm_PC .rfdInputDisabled.rfdRadioUnchecked:hover
{
    background: transparent url('Telerik_Images/RadioButtonSprites.png') no-repeat 1px 0;
}

.RadForm_PC .rfdRadioUnchecked:hover
{
    background: transparent url('Telerik_Images/RadioButtonSprites.png') no-repeat 1px -220px;
}

.RadForm_PC .rfdRadioChecked,
.RadForm_PC .rfdInputDisabled.rfdRadioChecked:hover
{
    background: transparent url('Telerik_Images/RadioButtonSprites.png') no-repeat 1px -440px;
}

.RadForm_PC .rfdRadioChecked:hover
{
    background: transparent url('Telerik_Images/RadioButtonSprites.png') no-repeat 1px -640px;
}

.RadForm_PC .rfdRadioUnchecked,
.RadForm_PC .rfdInputDisabled.rfdRadioUnchecked:hover,
.RadForm_PC .rfdRadioUnchecked:hover,
.RadForm_PC .rfdRadioChecked,
.RadForm_PC .rfdInputDisabled.rfdRadioChecked:hover,
.RadForm_PC .rfdRadioChecked:hover
{
    _background-image: url('Telerik_Images/RadioButtonSprites.gif');
}
/* end of radiobutton settings */

/* button settings */
a.RadForm_PC, a.RadForm_PC span
{
    background-image: url('Telerik_Images/ButtonSprites.gif');
    color: black;
}

a.RadForm_PC.rfdInputDisabled:hover
{
    background-position: 0 0;
}

a.RadForm_PC .rfdInner,
a.RadForm_PC.rfdInputDisabled:hover .rfdInner
{
    margin-right: 4px;
    margin-left: 4px;
    background-position: 0 -21px;
}

a.RadForm_PC.rfdInputDisabled:hover .rfdOuter
{
    background-position: right 0;
}

a.RadForm_PC:hover
{
    background-position: 0 -42px;
}

a.RadForm_PC:hover .rfdInner
{
    background-position: 0 -63px;
}

a.RadForm_PC:hover .rfdOuter
{
    background-position: right -42px;
}
/* end of button settings */

/* clicked button styles */
a.RadForm_PC.rfdClicked
{
    background-image: url('Telerik_Images/ButtonSprites.gif');
    background-position: 0 -84px;
    background-repeat: no-repeat;
}

a.RadForm_PC.rfdClicked span
{
    background-image: url('Telerik_Images/ButtonSprites.gif');
    color: #000;
}

a.RadForm_PC.rfdClicked .rfdInner
{
    background-position: 0 -105px;
    background-repeat: repeat-x;
}

a.RadForm_PC.rfdClicked .rfdOuter
{
    background-position: right -84px;
    background-repeat: no-repeat;
}
/* end of clicked button styles */

/* do NOT change these settings, otherwise the skinned buttons will be broken when used within a decoration zone */
a.rfdSkinnedButton.RadForm_PC
{
    -moz-user-select: none !important;
    outline: none !important;
    text-decoration: none !important;
    cursor: default !important;
    text-align: center !important;
    background-color: transparent !important;
    border: 0 !important;
    display: inline-block !important;
}

/* Headings 4-6 */
.RadForm_PC h4.rfdH4
{
    color: #000000;
    border-bottom: solid 1px #a0a0a0;
}

.RadForm_PC h5.rfdH5
{
    color: #000000;
    border-bottom: solid 1px #a0a0a0;
}

.RadForm_PC h6.rfdH6
{
    color: #000000;
}

/* <label> */
.RadForm_PC label.rfdLabel
{
    color: #000000;
}

/* <fieldset> and <legend> */
.RadForm_PC table.rfdRoundedWrapper_fieldset legend,
.RadForm_PC fieldset.rfdFieldset legend
{
    color: #000000;
}

.RadForm_PC table.rfdRoundedWrapper_fieldset fieldset,
.RadForm_PC fieldset.rfdFieldset
{
    border: solid 1px #828282;
    background-image: url('Telerik_Images/FieldsetBgr.png'); /* having a background image on a fieldset is not okay with IE */
    background-repeat: no-repeat;/*Mandatory to use because of incorrect IE positioning of the image*/
}

/* Due to a glitch in IE the following 2 classes must be declared separately for correct parsing of the textarea class in IE6*/
.RadForm_PC table.rfdRoundedWrapper input,
.RadForm_PC table.rfdRoundedWrapper textarea,
.RadForm_PC input.rfdInput,
.RadForm_PC textarea.rfdTextarea
{
    border: solid 1px #8e8e8e;
    background: #ffffff;
    color: #000000;
}

.RadForm_PC textarea.rfdTextarea,
.RadForm_PC table.rfdRoundedWrapper textarea
{
    overflow: auto;
}

.RadForm_PC  table.rfdRoundedWrapper input[disabled="disabled"]:hover,
.RadForm_PC  table.rfdRoundedWrapper textarea[disabled="disabled"]:hover
{
    border: solid 1px #8e8e8e;
    background: #ffffff;
    color: #000000;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    opacity: .3;
}

/* add classes for HOVER effect */
.RadForm_PC  table.rfdRoundedWrapper input:hover,
.RadForm_PC  table.rfdRoundedWrapper textarea:hover,
.RadForm_PC table.rfdRoundedWrapper:hover .rfdRoundedInner,
.RadForm_PC input.rfdInput:hover,
.RadForm_PC textarea.rfdTextarea:hover
{
    border-color: #515151 !important;
    background: #ffffff;
    color: #000000;
}

.RadForm_PC table.rfdRoundedWrapper:hover .rfdRoundedOuter
{
    background-color: #515151 !important;
}

/* <select> */
.rfdSelect_PC,
.rfdSelect_PC:hover,
.rfdSelect_PC .rfdSelectOuter,
.rfdSelect_PC:hover .rfdSelectOuter,
.rfdSelect_PC .rfdSelectArrow span,
.rfdSelectBox_PC .rfdSelect_selected,
.rfdSelectBox_PC li:hover,
.rfdSelect_PC.rfdSelectDisabled:hover
{
    background-image: url('Telerik_Images/ComboSprites.gif');
    background-repeat: no-repeat;
    background-color: white;
}

.rfdSelect_PC.rfdSelectDisabled:hover
{
    background-position: 0 0;
}

.rfdSelect_PC
{
    padding-left: 3px !important;
}

.rfdSelect_PC:hover
{
    background-position: 0 -44px;
}

.rfdSelect_PC .rfdSelectOuter,
.rfdSelect_PC.rfdSelectDisabled:hover .rfdSelectOuter
{
    background-position: right -22px;
    padding: 2px 0;
}

.rfdSelect_PC:hover .rfdSelectOuter
{
    background-position: right -66px;
}

.rfdSelect_PC .rfdSelectText,
.rfdSelect_PC.rfdSelectDisabled:hover .rfdSelectText
{
    color: #000;
}

.rfdSelect_PC:hover .rfdSelectText
{
    color: #000;
}

.rfdSelect_PC .rfdSelectArrow
{
    margin: 1px 2px 0 0;
}

.rfdSelect_PC .rfdSelectArrow span,
.rfdSelect_PC.rfdSelectDisabled:hover .rfdSelectArrow span
{
    background-position: 0 -88px;
}

.rfdSelect_PC:hover .rfdSelectArrow span
{
    background-position: -14px -88px;
}

/* dropdown settings */
.rfdSelectBox_PC
{
    background: white;
    border: solid 1px #828282;
    color: #000;
}

.rfdSelectBox_PC li
{
    padding-left: 3px !important;
    line-height: 16px;
    height: 16px;
    background-image: none !important;
}

.rfdSelectBox_PC .rfdSelect_selected,
.rfdSelectBox_PC li:hover
{
    color: black;
    background-color: #dfdfdf;
}

.rfdSelectBox_PC .rfdSelectBox_optgroup_label:hover
{
    background: none;
    color: black;
}

/* skinned combobox end */

I think the fieldset is the problem in the css. Let me know if you need more informations. If you need really a little project me and my boss have to find a solution to give you access to an portal of us.

Regards,
Frank

[Martin]

Hi Frank Kocher,

I believe that the issue is caused by the LABEL, Label selector's padding on line 54 in DialogsCss.css, and unfortunately it looks like a kind of a browser-related issue. If it is not something crucial, I recommend that you simply remove it, so the selector looks like this:

LABEL, .Label 
{ 
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Verdana; 
    color: black; 
}

All the best,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Frank Kocher]

Hi Martin Ivanov,

thanks for your answer, the appearance is a little bit better. But in FF there is no border at the fieldset like in IE6.  Also the second problem i wrote in my first post is still there. The TableLayoutCSSFile seems not to work in FF and in other IE Versions. How you can see in my attached picture files.

Frank

[Martin]

Hi Frank Kocher,

The correct display of fieldset according to your custom CSS in css/DialogsCss.css (Line 17, FIELDSET) is in FireFox, and in IE the support for inset / outset is simply different. I suggest that you use a solid 1 pixel border with the color you like to achieve consistent looks. Unfortunately, I cannot suggest you fix for the 2 pixel outset / inset looks, because of the different implementation as I already mentioned.

On the question about the table CSS classed, I just checked with IE and FF, and according this seems to work similar in both browsers as you can see from the screenshots I have attached to this message. Please, make sure that you clean you cache and test again. If the problem persists, we will need a sample project with your exact setup in order to isolate the issue and provide help.

Greetings,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.