I have a skin that is viewing fine in Chrome and FF, but not in IE (of course). To see the problem I will explain, you can go here
http://temp.sentinelhealthcare.org/...aling.aspx remember you have to be in IE. I get a little extra crap at the bottom. I have found that it is a margin issue. If I remove the token to add the menu, then it disappears. However, if I put the menu in, then I get the extra stuff at the bottom. Does anyone have any ideas on how I can make all of the margins on my page default to 0. Here is the css and ascx files I currently have. Thanks for any help.
ascx
<%@ Control Language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false"
Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register src="../../../admin/Skins/login.ascx" tagname="login" tagprefix="uc1" %>
<%@ Register src="../../../admin/Skins/copyright.ascx" tagname="copyright" tagprefix="uc2" %>
<%@ Register src="../../../admin/Skins/menu.ascx" tagname="menu" tagprefix="uc3" %>
<%@ Register src="../../../admin/Skins/logo.ascx" tagname="logo" tagprefix="uc4" %>
|
|
| <div id="ContentPane" runat="server">
|
<div id="ContentPaneProviders" runat="server" class="textBubble">
<div id="ContentPaneEvents" runat="server" class="textBubble">
<div id="ContentPanePrograms" runat="server" class="textBubble">
|
<!-- content -->
|
|
<!-- footerContainer -->
<!-- footer -->
|
CSS
/*
================================
Skin styles for DotNetNuke
================================
*/
.pagemaster {
width: 100%;
height: 100%;
background-color: #FEFEFE;
}
.skinmaster {
height: 100%;
background-color: #F3F5FA;
BORDER-RIGHT: #7994CB 1px solid;
BORDER-TOP: #7994CB 1px solid;
BORDER-LEFT: #7994CB 1px solid;
BORDER-BOTTOM: #7994CB 1px solid;
moz-border-radius-bottomleft: 15px;
moz-border-radius-bottomright: 15px;
moz-border-radius-topleft: 3px;
moz-border-radius-topright: 3px;
}
.skinheader {
}
.skingradient {
BACKGROUND-IMAGE: url(gradient_DkBlue.jpg); HEIGHT:30px;
}
.controlpanel {
width: 100%;
background-color: #DFE5F2;
}
.toppane {
width: 100%;
background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
.leftpane {
width: 175px;
background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
.contentpane {
width: 100%;
background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
}
.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;
}
.MainMenu_MenuContainer {
background-color: transparent;
}
.MainMenu_MenuBar {
cursor: pointer;
cursor: hand;
height:16px;
background-color: Transparent;
}
.MainMenu_MenuItem {
border-left: #CAD5EA 0px solid;
border-bottom: #CAD5EA 1px solid;
border-top: #CAD5EA 1px solid;
border-right: #CAD5EA 0px solid;
cursor: pointer;
cursor: hand;
color: black;
font-family: Tahoma, Arial, Helvetica;
font-size: 9pt;
font-weight: bold;
font-style: normal;
background-color: Transparent;
}
.MainMenu_MenuIcon {
background-color: #CAD5EA;
border-left: #CAD5EA 1px solid;
border-bottom: #CAD5EA 1px solid;
border-top: #CAD5EA 1px solid;
cursor: pointer;
cursor: hand;
text-align: center;
width: 15px;
height: 21px;
}
.MainMenu_SubMenu {
background-color: #CAD5EA;
z-index: 1000;
cursor: pointer;
cursor: hand;
filter:progid
XImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
}
.MainMenu_MenuBreak {
height: 1px;
}
.MainMenu_MenuItemSel {
background-color: #8DA4D3;
cursor: pointer;
cursor: hand;
color: black;
font-family: Tahoma, Arial, Helvetica;
font-size: 9pt;
font-weight: bold;
font-style: normal;
}
.MainMenu_MenuArrow {
border-right: #CAD5EA 1px solid;
border-bottom: #CAD5EA 1px 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;
}
.StandardButton {
background: #7994CB none;
color: #FFFFFF;
font-family:Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
}
.TreeViewMenu {
width: 175px;
background-color: #DFE5F2;
BORDER-RIGHT: #7994CB 1px solid;
BORDER-TOP: #7994CB 1px solid;
BORDER-LEFT: #7994CB 1px solid;
BORDER-BOTTOM: #7994CB 1px solid;
moz-border-radius-bottomleft: 15px;
moz-border-radius-bottomright: 15px;
moz-border-radius-topleft: 3px;
moz-border-radius-topright: 3px
}
.TreeViewMenu_Header {
BACKGROUND-IMAGE: url(gradient_LtBlue.jpg);
}
.Head {
font-family: Tahoma, Arial, Helvetica;
font-size: 18px;
font-weight: normal;
color: #333333;
}
body{
text-align: center;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-image: url(images/background_03.jpg);
background-repeat: repeat-y;
}
#header{
background-image: url(images/background_01.jpg);
height: 238px;
width: 100%;
vertical-align: top;
}
#headerContainer{
text-align: center;
margin-left: auto;
margin-right: auto;
width: 886px;
}
#logo{
background-image: url(images/block_02.png);
width: 201px;
height: 124px;
float: left;
margin-top: 10px;
}
#headerBlock{
background-image: url(images/block_03.png);
width: 495px;
height: 89px;
float: right;
margin-top: 30px;
}
#menu{
background-image: url(images/block_01.png);
width: 886px;
height: 54px;
margin-top: 30px;
float: left;
}
#content{
background-image: url(images/background_02.jpg);
width: 100%;
background-repeat: no-repeat;
text-align: center;
height: 100%;
}
#providers{
background-image: url(images/block_04.png);
float: left;
width: 256px;
height: 157px;
margin-bottom: 15px;
}
#events{
background-image: url(images/block_06.png);
float: left;
width: 256px;
height: 157px;
margin-bottom: 15px;
}
#programs{
background-image: url(images/block_08.png);
background-repeat: no-repeat;
float: left;
width: 256px;
height: 425px;
margin-bottom: 15px;
}
#footer{
background-image: url(images/background_04.jpg);
height: 230px;
width: 100%;
text-align: center;
}
#footerContainer{
text-align: left;
padding-left: 20px;
width: 866px;
margin-left: auto;
margin-right: auto;
}
#footerContent{
float: left;
margin-top: 50px;
}
#footerLogo{
float: right;
margin-top: 110px;
padding-right: 20px;
}
.contentText{
padding-left: 20px;
margin-top: 5px;
float: left;
width: 590px;
text-align: left;
padding-right: 20px;
vertical-align: text-top;
}
.contentBubble{
vertical-align: top;
}
.newsText{
text-align: left;
margin-left: 105px;
margin-top: 5px;
}
.textBubble{
margin-top: 45px;
margin-left: 15px;
}