HI All
I am having trouble with an DNN skin, an dthe trouble is that the skin when installed into DNN doesn't show like it does directly in the browser or in any of the other tools i have checked the skin with. The skin is build entirely in css, and has an background image in the contentPane that background image does not show up when installed in DNN. I have looked at the source code and seen that when the pane's are empty they get an "DNNEmptyPane" css class slapped on, so i tried to add an control to the contentPane but that dis not help either, so hopefully someone here has an idea that could help me
solve the issue, the "code is below:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="skin.css" />
<title></title>
</head>
<body>
<div id="wrapper" >
<div id ="TopPane" runat="server"></div>
<div id ="leftPane" ></div>
<div id ="ContentPane" runat="server" class="wrapper">
</div>
<div id ="rightPane" ></div>
<div id ="BottomPane" runat="server">
<p> </p>
</div>
</div>
</body>
</html>
skin.css:
/* CSS Document */
*{ margin:0px; padding:0px;}
body {
background-color:#000;
}
.wrapper{
max-width:1280px;
min-width:760px;
max-height:1024px;
min-height:600px;
margin-left:auto;
margin-right:auto;
background-color: #000;
}
#TopPane
{
width:100%;
height:100px;
}
#ContentPane{
width:75%;
height:500px;
background-color:#FFF;
background:url(images/indholdbg.png) no-repeat;
margin-left:auto;
margin-right:auto;
}
#BottomPane
{
clear:both;
width:100%;
float:left;
}