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/Programs/Credentialing.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" %>
<body>
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="text-align: center; margin: 0 0 0 0 !important;">
<tr>
<td>
<div id="header">
<div id="headerContainer">
<div id="logo">
</div>
<div id="headerBlock">
<div id="ContentPaneNews" class="newsText" runat="server"></div>
</div>
<div id="menu">
<uc3:menu ID="menu1" runat="server" />
</div>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div id="content">
<center>
<table width="886px" cellpadding="0" cellspacing="0" >
<tr><td class="contentText"><div id="ContentPane" runat="server">
</div>
</td>
<td class="contentBubble">
<div id="providers"><div id="ContentPaneProviders" runat="server" class="textBubble"></div></div>
<div id="events"><div id="ContentPaneEvents" runat="server" class="textBubble"></div></div>
<div id="programs"><div id="ContentPanePrograms" runat="server" class="textBubble"></div></div>
</td></tr>
</table>
</center>
</div> <!-- content -->
</td>
</tr>
<tr>
<td>
<div id="footer">
<div id="footerContainer">
<div id="footerContent">
<div id="ContentPaneFooter" runat="server"></div>
</div> <!-- footerContent -->
<div id="footerLogo">
<uc4:logo ID="logo1" runat="server" />
<uc2:copyright ID="copyright1" runat="server" />
<img src="images/footerLogo.png" style="vertical-align:bottom"/>
</div> <!-- footerLogo -->
</div><!-- footerContainer -->
</div> <!-- footer -->
</td>
</tr>
</table>
</body>
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:DXImageTransform.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;
}