I'm tailoring the BusinessTime skin (
link) and while it works flawlessly in IE, I'm having a bit of trouble with the Firefox renderer.
The site is: http://192.38.8.170/UVdataDNN/
The problem is that when Firefox (2.0) is started with the site set as the default page, the menu bar is too wide. Screenshot goes
here. After a page reload (F5), or whenever I navigate to the page after the initial view, all is
fine.
I have narrowed the problem to the menu bar. The generating code in the skin ascx follows below. Anyone got a clue what is going on?
Thx in advance,
Anders Spliid Hansen
<!--MENU-->
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="<%= SkinPath %>images/menu-left-left.gif" alt=""/></td>
<td><img src="<%= SkinPath %>images/menu-left.gif" alt=""/></td>
<td width="100%" background="<%= SkinPath %>images/menu-center.gif"><dnn:MENU runat="server" id="dnnMENU" rightseparator="<img src="images/wach_24.gif" alt="" >" /></td>
<td><img src="<%= SkinPath %>images/menu-right.gif" alt=""/></td>
<td><img src="<%= SkinPath %>images/menu-right-right.gif" alt=""/></td>
</tr>
</table></td>
</tr>
<!--ENDMENU-->
And the CSS for this part goes like:
/* Main Menu */
.MainMenu_MenuContainer {
/* baggrund for menuer */
padding-left: 0px;
background: solid;
WIDTH: 100%;
HEIGHT: 30px;
}
.MainMenu_MenuBar {
CURSOR: hand;
HEIGHT: 30px;
WIDTH: 150px;
border-style: solid;
}
.MainMenu_MenuItem {
BORDER-RIGHT: #ff0000 0px solid;
BORDER-TOP: #A59E9C 0px solid;
BORDER-LEFT: #CCD7E1 0px solid;
BORDER-BOTTOM: #A59E9C 0px solid;
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
CURSOR: hand;
COLOR: #3986C6;
FONT-STYLE: normal;
FONT-FAMILY: Tahoma, Arial, Helvetica;
background: transparent;
padding-left: 0px;
/* styrer menuitem højde */
HEIGHT: 30px;
WIDTH: 150px;
border-style: solid;
}
.MainMenu_MenuIcon {
display:none
}
.MainMenu_SubMenu {
padding-left: 1px;
BORDER-RIGHT: #3986C6 2px solid;
BORDER-TOP: #ffffff 0px solid;
Z-INDEX: 0;
BORDER-LEFT: #3986C6 2px solid;
CURSOR: hand;
BORDER-BOTTOM: #3986C6 2px solid;
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: white;
FONT-STYLE: normal;
FONT-FAMILY: Tahoma, Arial, Helvetica;
border-style: solid;
background: #D6D7D6 ;
}
.MainMenu_MenuBreak {
BORDER-RIGHT: #eeeeee 0px solid;
BORDER-TOP: #A59E9C 0px solid;
BORDER-LEFT: #eeeeee 0px solid;
BORDER-BOTTOM: #A59E9C 0px solid;
HEIGHT: 0px;
background: transparent;
border-style: solid;
}
.MainMenu_MenuItemSel {
BORDER-RIGHT: #ffffff 0px solid;
BORDER-TOP: #A59E9C 0px solid;
Z-INDEX: 0;
BORDER-LEFT: #ffffff 0px solid;
CURSOR: hand;
BORDER-BOTTOM: #A59E9C 0px solid;
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
CURSOR: hand;
COLOR: white;
FONT-STYLE: normal;
FONT-FAMILY: Tahoma, Arial, Helvetica;
padding-left: 0px;
HEIGHT: 30px;
WIDTH: 150px;
BACKGROUND-COLOR: transparent;
background-image: url(cop_17.gif);
}
.MainMenu_MenuArrow {
display:none
}
.MainMenu_RootMenuArrow {
display: none;
}