Thanks Peter! That did help, but I have run into another problem after changing the doctype. The entire website stays within the width except for the content area stretches the website far to the right. I can't figure out what is causing this to happen. I put widths on both the content and right pane.
Here's some of the css:
/* CSS Document - DNN Nuke */
/* Skin CSS */
body{
background:url(images/bg.png);
background-repeat: repeat-x;
background-position:top;
height:auto;
background-color:#eeede7;
margin: 0px auto;
}
.skinwrapper{
border-top:16px solid #eaece2;
border-right:0px;
border-left:0px;
border-bottom:0px;
padding:0px;
min-width: 840px;
max-width: 1076px;
margin: 0px auto;
color:#3c3d3a;
}
/*************************/
/* IE quirks */
/*************************/
.skinwrapper {
width:expression(document.body.clientWidth < 840? "840px" : document.body.clientWidth > 1076? "1076px" : "auto" );
text-align:left;
margin: 0px auto;
}
/* end */
.skinuser{
background:#FFF;
color: #3a5170;
font-weight:bold;
font-size:11px;
text-decoration : none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.skinmenu{
background:#eaece2;
width:100%;
height:52px;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#afb1a7;
margin:0px;
vertical-align:middle;
}
.skincontentstable{
border:1px #ccd1d1 solid;
background:#FFFFFF;
margin:5px 0 8px 0;
padding:20px 0 0 16px;
min-width: 840px;
max-width: 1076px;
}
.contentpane{
width: 713px;
background:#FFF;
vertical-align:top;
padding:0px;
margin:0px;
text-align:left;
}
.rightpane{
width: 314px;
background:#FFF;
vertical-align:top;
padding:0px;
margin:0px;
text-align:left;
}
skin.ascx file:
<div class="skinwrapper" align="center">
<table border="0" cellspacing="0" cellpadding="0" width="100%" class="headertable" align="center">
<tr>
<td align="left">
<dnn:LOGO runat="server" id="dnnLOGO" /></td>
<td class="skinuser" align="right">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td width="100%" align="right"><dnn:SEARCH runat="server" id="dnnSEARCH" Submit="<img src="images/search.png" align="absMiddle" border="0">" /> <dnn:USER runat="server" id="dnnUSER" CssClass="skinuser" /> | <dnn:LOGIN runat="server" id="dnnLOGIN" CssClass="skinuser" /></td>
</tr>
<tr>
<td align="right"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right"><dnn:CURRENTDATE runat="server" id="dnnCURRENTDATE" cssclass="Date" /> </td>
<td><img src="<%= SkinPath %>images/twitter.png" width="24" height="26" /> <img src="<%= SkinPath %>images/facebook.png" width="25" height="26" /> <img src="<%= SkinPath %>images/utube.png" width="27" height="27" /></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="skinmenu" width="100%"> <dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" menueffectsmouseoverdisplay="none" menueffectsmenutransition="AlphaFadeBottomRight" cleardefaults="true" mouseouthidedelay="300" usearrows="false" userootbreadcrumbarrow="false" usesubmenubreadcrumbarrow="true" rootmenuitemcssclass="RootMenuItem" rootmenuitembreadcrumbcssclass="RootMenuItemHover" rootmenuitemselectedcssclass="RootMenuItemSel" Rootmenuitemactivecssclass="MainMenu_TabMenuItemSelHover" menuitemselcssclass="MainMenu_MenuItemSel" submenucssclass="Submenu" submenuitemselectedcssclass="Submenuitemselected" submenuitembreadcrumbcssclass="Submenuitembreadcrumb" />
</div>
<table border="0" cellspacing="0" cellpadding="0" class="skincontentstable">
<tr>
<td id="ContentPane" runat="server" nowrap class="contentpane" visible="false" valign="top" width="713"></td>
<td id="RightPane" runat="server" nowrap class="rightpane" visible="false" valign="top"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" class="footertable" id="White">
<tr>
<td valign="top" id="Bottompane1" runat="server" nowrap class="footerlinks" visible="false" width="157"></td>
<td valign="top" id="BottomPane2" runat="server" nowrap class="footerlinks" visible="false" width="147"></td>
<td valign="top" id="BottomPane3" runat="server" nowrap class="footerlinks" visible="false" width="135"></td>
<td valign="top" id="BottomPane4" runat="server" nowrap class="footerlinks" visible="false" width="166"></td>
<td valign="top" id="BottomPane5" runat="server" nowrap class="footerlinks" visible="false" width="150"></td>
<td valign="top" id="BottomPane6" runat="server" nowrap class="footerlinks" visible="false" width="100%"></td>
</tr>
</table>
<div class="skinfooter" width="100%"><dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT" CssClass="skinfooter" /></div>
</div>