Hello .
We are using Telerik 2013 . Q1 . SP1 ,and we have some problems with rendering in Different Browsers.
this menu shows Correctly in IE10 ,but It renders Incorrectly in FireFox 24.0 , Opera 12.15 , Chrome 30.0.1599.101 m ,
and Safari 5.1.7 .
I attached the Picture of This Problem .
Our Menu begins with :<telerik:RadMenu ID="MainMenu" runat="server" dir="rtl" Skin="Office2007" OnItemClick="RadMenu1_ItemClick" Width="1020px" EnableRootItemScroll="true">
I found some styles For Solving this Problem.I can't remember where I Found It.
It is :
* html div.RadMenu
We are using Telerik 2013 . Q1 . SP1 ,and we have some problems with rendering in Different Browsers.
this menu shows Correctly in IE10 ,but It renders Incorrectly in FireFox 24.0 , Opera 12.15 , Chrome 30.0.1599.101 m ,
and Safari 5.1.7 .
I attached the Picture of This Problem .
Our Menu begins with :<telerik:RadMenu ID="MainMenu" runat="server" dir="rtl" Skin="Office2007" OnItemClick="RadMenu1_ItemClick" Width="1020px" EnableRootItemScroll="true">
I found some styles For Solving this Problem.I can't remember where I Found It.
It is :
* html div.RadMenu
{
display: inline !important;
}
+ html div.RadMenu
{
display: inline !important;
}
div.RadMenu
{
float: none !important;
display: inline-block !important;
vertical-align: middle !important;
}
div.RadMenu .rmRootLink .rmLeftImage, div.RadMenu .rmFirst
{
width: 16px;
padding-right: 15px;
}
div.RadMenu, div.RadMenu .rmRootLink
{
width: 100%;
}
This style Solved My Problem in These Browsers , but this Problem Still Exist In IE8 and I Can't Find Anything for this version of IE .
Can anybody Help Us?