This question is related to this: Customize Sharepoint 2010 Ribbon in Dialog ONLY
I did what suggested there and it works fine, but with a small problem shown on the screenshot below.
My Ribbon html in the master page says:
<div class="ribbon-fixedwidth">
<div id="s4-ribbonrow" class="s4-pr s4-ribbonrowhidetitle">
<div id="s4-ribboncont">
<SharePoint:SPRibbon
runat="server"
PlaceholderElementId="RibbonContainer"
CssFile="">
<SharePoint:SPRibbonPeripheralContent
runat="server"
Location="TabRowLeft"
CssClass="ms-siteactionscontainer s4-notdlg">
And I paste below also some css clases that I thought I should change, even though I changed the width of these classes, it didnt make any change in the result:
/* Ribbon Fixed width */
.ribbon-fixedwidth {
width:920px;
margin:auto;
-padding-right:17px;
}
#s4-titlerow {
width:980px !important;
margin:auto;
-padding-right:17px;
}
#OST-HorTopNav {
height:40px;
background-image: url("/_LAYOUTS/1033/IMAGES/MirageTeams/NEWSlice.gif");
background-repeat:repeat-x;
width:980px !important;
margin:auto;
-padding-right:17px;
}
.ms-dlgTitle {
background-color:#EFEFEF;
}
.ms-dlgTitleText {
color:#003365 !important;
}
![enter image description here][1]