Our team is developing a skin for DNN. the problem is that when we are logged in as Host or Admin to DNN under layout or edit options the left pane shows correctly, BUT when we log out and view the webpage, the left pane content is not there.. I have included the html and css below, any other comments would be much appreciated, we are new DNN developers and have learned there are many speedbumps.
<div id="ControlPanel" runat="server">
</div>
<div id="masthead">
<div class="innertube">
<!-- MASTHEAD BEGINS HERE-->
<p>Masthead</p>
<!-- MASTHEAD ENDS HERE-->
</div>
</div>
<div id="topnavigation">
<div class="innertube">
<!-- TOP NAVIGATION BEGINS HERE-->
<p>[MENU] </p>
<!-- TOP NAVIGATION ENDS HERE-->
</div>
</div>
<div id="content-columnleft">
<div id="contentinner">
<div id="breadcrumbs">
<div class="innertube">
<!-- BREADCRUMBS BEGIN HERE-->
<p>[BREADCRUMB]</p>
<!-- BREADCRUMBS END HERE-->
</div>
</div>
<div style="clear: both;">
</div>
<div id="contentwrapper">
<div id="contentcolumn">
<div class="innertube">
<div id="contentpane" runat="server" visible="false">
<!-- MAIN CONTENT BEGINS HERE-->
<p>Content Column</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Phasellus nibh tellus, pellentesque at semper at,
accumsan ut leo. Morbi rutrum velit in quam euismod
posuere. Proin ut ligula est. Donec eu elit eu lectus
port or rhoncus in in purus. Nunc orci felis, porta
nec malesuada et, tincidunt ut sem. Pellentesque
habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Phasellus a neque dui, sit amet
posuere arcu. Aliquam erat volutpat. Aenean a sapien
vitae diam tristique vulputate in in ipsum. Aliquam erat
volutpat. Nam ut consectetur velit. Nam volutpat urna
justo. Fusce vel tortor nibh. Nam cursus odio et dui
vulputate iaculis vel sed enim. Curabitur nisl sem,
commodo sit amet sagittis et, faucibus vitae nisl. Duis
risus augue, cursus et sodales vitae, venenatis
vulputate massa. In ac est non turpis dapibus porta.
Aenean eu leo a ante imperdiet pharetra eu ac tellus.
Integer id magna nec ipsum viverra lacinia. In lobortis,
dui mattis faucibus suscipit, lectus massa bibendum
arcu, at ullamcorper lorem urna sit amet arcu.</p>
<!-- MAIN CONTENT ENDS HERE-->
</div>
</div>
</div>
</div>
<div id="leftcolumn">
<div class="innertube">
<div id="rightpane" runat="server" visible="false">
<!-- SIDE CONTENT BEGINS HERE-->
<div class="subNavContainer">
<p>Subsection</p>
</div>
<div class="subNavContainer">
<p>Subsection</p>
</div>
<div class="subNavContainer">
<p>Subsection</p>
</div>
<div style="clear: both;">
</div>
<!-- SIDE CONTENT ENDS HERE-->
</div>
</div>
</div>
<div style="clear: both;">
</div>
<div id="footer">
<div class="innertube">
<div id="bottompane" runat="server" visible="false">
<!-- FOOTER BEGINS HERE-->
<p>Footer</p>
<!-- FOOTER ENDS HERE-->
</div>
</div>
</div>
</div>
</div>
-------------------CSS
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: top;
background: transparent;
}
body {
line-height: 1.25;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
/*border-collapse: collapse;*/
border-spacing: 0;
}
/* ----------------- STRUCTURAL ----------------- */
body {
background: #f7f1e1 url(images/bkgd.gif) top center repeat-y;
}
/* Masthead */
#masthead {
width: 940px;
margin: 0 auto;
background: #666666;
}
#masthead .innertube {}
/* Top Navigation */
#topnavigation {
width: 940px;
margin: 3px auto;
background: #999999;
}
#topnavigation .innertube {
padding: 0 20px;
}
/* Breadcrumbs */
#content-columnleft #contentinner #breadcrumbs {
margin: 0 0 14px 0;
background: #dddddd;
}
#content-columnleft #contentinner #breadcrumbs .innertube {
margin: 0;
padding: 0;
}
/* Main Content on RIGHT, Side Content on LEFT */
#content-columnleft {
width: 940px;
margin: 0 auto;
background: #ffffff;
}
#content-columnleft #contentinner {
padding: 8px 20px 20px 20px;
}
#content-columnleft #contentinner #contentwrapper {
float: left;
width: 100%;
}
/* Content Column */
#content-columnleft #contentinner #contentwrapper #contentcolumn {
margin-bottom: 20px;
margin-left: 240px;
border-left: 2px solid #cccccc;
}
#content-columnleft #contentinner #contentwrapper #contentcolumn .innertube {
padding: 5px 0 5px 20px;
}
/* Left Column */
#content-columnleft #contentinner #leftcolumn {
float: left;
width: 240px;
margin-left: -910px;
}
#content-columnleft #contentinner #leftcolumn .innertube {
padding: 5px 10px;
}
/* Sub Navigation Containers */
#content-columnleft #contentinner #leftcolumn .subNavContainer {
background: #dddddd;
margin-bottom: 10px;
}
/* Footer */
#content-columnleft #contentinner #footer {
border: 2px solid #cccccc;
border-left: none;
border-right: none;
}
#content-columnleft #contentinner #footer .innertube {}
/* ----------------- HEADINGS ----------------- */
/* ----------------- LISTS ----------------- */
/* ----------------- TABLES ----------------- */
/* ----------------- LINK ----------------- */
/* ----------------- PARAGRAPHS ----------------- */
p {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #333333;
line-height: 1.5;
padding: 0;
margin: 0;
}