 |
|
|
Joined: 11/13/2006
Posts: 6
|
|
|
Hi,
I'm hoping someone out there can help me. I'm a first time DNN user and have developed a custom skin and container. Everything is working fine in IE but when I view the skin in Firefox, the background image I've set in my top pane has disappeared and the content pane on some pages moves to the far right.
The URL is http://test.raydanmfg.com/DotNetNuke/
I've gone through the CSS thinking it must be a setting in there but can't seem to find anything wrong.
Any help would be appreciated.
Thanks,
Denise
|
| |
|
|
 | |
|
|
 |
 |
www.40fingers.net
Joined: 2/9/2006
Posts: 4430
|
|
|
The link doesn't work, can you check it?
By the way, in 99.99% of the cases the rendering in FF is correct and IE is wrong.
|
| |
|
|
| |
|
|
Joined: 11/13/2006
Posts: 6
|
|
|
Hmm... it seems my IT guy didn't setup remote access for the site.
Here's my code: default css is not included.
htm file...
css file...
/* ================================
Skin styles for Raydanmfg.com
================================
*
.rightpane {
width: 175px;
background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
.bottompane {
width: 100%;
background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
=========================================
.Head {
font-family: Univers Condensed, Tahoma, Arial, Helvetica;
font-size: 18px;
font-weight: normal;
color: #000000;
}
.TreeViewMenu_Header {
background-image: url(gradient_LtBlue.jpg);
}
===============================================
/* This is the Date eg. any items that are not links */
.pagemaster {
width: 100%;
height: 100%;
background-color: #ffffff;
}.skinmaster {
height: 100%;
background-color: #ffffff;
moz-border-radius-bottomleft: 15px;
moz-border-radius-bottomright: 15px;
moz-border-radius-topleft: 3px;
moz-border-radius-topright: 3px;
}.skinheader {
}
.controlpanel {
width: 100%;
background-color: #ffffff;
}.contentpane {
width: 100%;
background-color: transparent;
padding-left: 4px;
padding-right: 0px;
padding-top: 0px;
}.leftpane {
width: 50px;
background-color: #D1D3D4;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}.toppanese {
width: 100%;
height: 116px;
background: url(raydan_header.gif) background-position: top;
} /* ===============
Content Panes - not yet implemented
Do Not Delete = keep for future use
==================
.toppane {
width: 100%;
background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}.menupane {
padding-top: 0px;
padding-right: 0px;
} .MainMenu_MenuContainer {
background-color: #0097D5;
padding-left: 30px;
padding-right: 0px;
padding-top: 0px;
height: 50px;
width: 100%;
}.MainMenu_MenuBar {
cursor: pointer;
cursor: hand;
height:16px;
background-color: #0097d5;
}.MainMenu_MenuItem {
border-left: #000000 0px solid;
border-bottom: #000000 2px solid;
border-top: #000000 0px solid;
border-right: #000000 0px solid;
cursor: pointer;
cursor: hand;
color: #FFFFFF;
font-size: 12pt;
font-weight: bold;
font-style: normal;
background-color: Transparent;
font-family: Univers Condensed, Tahoma, Arial, Helvetica;
}/* ===============
Menu Icon - not yet implemented
Do Not Delete = keep for future use
==================
.MainMenu_MenuIcon {
background-color: #cad5ea;
border-left: #cad5ea 0px solid;
border-bottom: #cad5ea 0px solid;
border-top: #cad5ea 0px solid;
cursor: pointer;
cursor: hand;
text-align: center;
width: 15px;
height: 21px;
}
=======================================
*/.MainMenu_SubMenu {
background-color: #EBB534;
z-index: 1000;
cursor: pointer;
cursor: hand;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
}.MainMenu_MenuBreak {
height: 1px;
}.MainMenu_MenuItemSel {
background-color: #000000;
cursor: pointer;
cursor: hand;
color: white;
font-family: Univers Condensed, Arial, Helvetica;
font-size: 12pt;
font-weight: bold;
font-style: normal;
height: 21px;
}.MainMenu_MenuArrow {
border-right: #cad5ea 0px solid;
border-bottom: #cad5ea 0px solid;
border-top: #cad5ea 0px solid;
font-family: webdings;
font-size: 10pt;
cursor: pointer;
cursor: hand;
}.MainMenu_RootMenuArrow {
font-family: webdings;
font-size: 10pt;
cursor: pointer;
cursor: hand;
}.Links {
width: 100%;
background-color: #D1D3D4;
padding-left: 6px;
padding-right: 4px;
padding-top: 0px;
height: 100%;
width: 200px;
}.Links_MenuItem {
border-left: #000000 0px solid;
border-bottom: #000000 1px solid;
border-top: #000000 1px solid;
border-right: #000000 0px solid;
cursor: pointer;
cursor: hand;
color: #000000;
font-size: 12pt;
font-weight: bold;
font-style: normal;
background-color: Transparent;
font-family: Univers Condensed, Tahoma, Arial, Helvetica;
}/* ===============
TreeView - not yet implemented
Do Not Delete = keep for future use
==================
.TreeViewMenu {
width: 175px;
background-color: #D1D3D4;
border-right: #7994cb 0px solid;
border-top: #7994cb 0px solid;
border-left: #7994cb 0px solid;
border-bottom: #7994cb 0px solid;
moz-border-radius-bottomleft: 15px;
moz-border-radius-bottomright: 15px;
moz-border-radius-topleft: 3px;
moz-border-radius-topright: 3px;
}.StandardButton {
background: #7994cb none;
color: #ffffff;
font-family: verdana, sans-serif;
font-size: 11px;
font-weight: normal;
}/* ===============================
default text style used for the main content text
eg. used by the Text / HTML module
================================== */.Normal, .NormalDisabled, .NormalTextBox
{
color: #071360;
font: normal 110% Univers Condensed, tahoma, arial, helvetica, sans-serif;
}/* =======================
HTML Tag Styles
=========================== */
H1, H2, H3, H4, H5, DT, H6
{
font-family: Univers Condensed, Tahoma, Arial, Helvetica, Sans-Serif;
}H1
{
font-size: 100%;
font-weight: bold;
color: #071360;
margin: 0;
}H2
{
font-size: 105%;
font-weight: normal;
color: #071360;
}H3
{
font-size: 100%;
font-weight: normal;
color: #071360;
}H4
{
font-size: 90%;
font-weight: normal;
color: #071360;
}H5, DT
{
font-size: 80%;
font-weight: normal;
color: #071360;
}H6
{
font-size: 75%;
font-weight: normal;
color: #071360;
}/* ==============================
Style for the following Skin Items (You can change the css class
associated with these objects in the skin.xml file)
- SkinItems - Login and Register links, Breadcrumb, Copyright, Date,
- Help, Hostname, Privacy, Terms, Search
================================== */.SkinItem, A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active, A.SkinItem:hover
{
color: #071360;
font: bold 70% Verdana, Helvetica, Sans-Serif;
}/* This sets the style for all skin items that are links -not used
A.SkinItem:hover
{
color: #F00;
}
*/table class="pagemaster" border="0px" cellspacing="0" cellpadding="0"><tr><td valign="top"><table class="skinmaster" width="770" border="0" align="center" cellspacing="0" cellpadding="0"><tr><td id="ControlPanel" runat="server" class="contentpane" valign="top" align="center"></td></tr><tr><td valign="top"><table class="skinheader" cellspacing="0" cellpadding="0" width="100%" border="0px"><tr><td class="toppanese" id="TopPaneSE" runat="server" valign="top" align="center"></td> </tr><tr> <td class="menupane" id="MenuPane" runat="server" valign="middle" align="left" height="50px" width="100%" nowrap> [MENU]</td></tr></table></td></tr><tr><td valign="top" height="100%"><table cellspacing="0" cellpadding="0" width="100%" border="0px"><tr><td class="leftpane" id="LeftPane" height="100px" runat="server" valign="top" align="left"></td><td class="contentpane" id="ContentPane" runat="server" valign="top" align="left"></td></tr></table></td></tr> <tr> <td valign="top" height="100%"></td></tr><tr><td width="100%" valign="top" align="center"><b>..::</b> [BREADCRUMB]<b>::..</b></td> </tr><tr><td valign="middle" align="center">[COPYRIGHT] [TERMS] [PRIVACY]</td><td width="200" valign="top" align="right" nowrap>[USER] [LOGIN]</td></tr></table></td></tr></table>
|
| |
|
|
| |
|
|
Joined: 11/13/2006
Posts: 6
|
|
|
Hi,
I've fixed the content pane problem... text moving over to far right. Turns out it was a problem with my container. Still hoping for help with the background image in the toppane not showing up. I've uploaded the code but see it hasn't been posted yet. Once it does please have a look and see if anyone can see the problem.
Thanks,
Denise
|
| |
|
|
| |
|
|
|
|
www.40fingers.net
Joined: 2/9/2006
Posts: 4430
|
|
|
I think you should change:
background: url(raydan_header.gif) background-position: top;
to:
background: url(raydan_header.gif);
background-position: top;
And then it should work I think...
|
| |
|
|
| |