Forums

Using DNN 4.5.1, I am trying to create a skin based only on DIVs (no tables) but for some reason DNN isn't picking up the id's (that are specified in <div> tags within the <div> tag that contains the 'ContentPane' id) as panes in which I can drop modules. Although, this works when using nested tables! But I want to use DIVs so I can use the full potential of CSS and to keep the skin code easier to understand and much more manageable than dealing with nested <tr> and <td>. Any ideas?

This is my first post on DNN so please excuse any lacking information and let me know what you would need to know. I don't have a URL to show since I am testing this on my machine using the VS development server. Thanks!!

Yes I did. As far as i can tell, i've kept everything consistent between the table skin and div skin. Here's the div code:

<div class="pagemaster">
<div class="skinmaster">
 <div id="ControlPanel" runat="server"></div>

 <div class="skingradient">
  <img style="border:none" src="/DNN451/images/as-hen-home.gif" alt="hen" />
     <dnn:CURRENTDATE runat="server" id="dnnCURRENTDATE" />
     <dnn:SEARCH runat="server" id="dnnSEARCH" />
  <div class="loginlinks">
    <dnn:USER runat="server" id="dnnUSER" />&nbsp;&nbsp;<dnn:LOGIN runat="server" id="dnnLOGIN" /></div>
 </div> <!--skingradient-->
 <div class="skinheader">
  <dnn:LOGO runat="server" id="dnnLOGO" />
 </div> <!--skinheader-->

 <div class="toppane" id="TopPane" runat="server"></div>
    <div class="leftpane" id="LeftPane" runat="server">
     <dnn:MENU runat="server" id="dnnMENU" Display="Vertical" />
 </div> 

<!-- begin: NESTED DIV for DNN Pane -->

    <div class="contentpane" id="ContentPane" runat="server">  <div class="story" id="Story1" runat="server"></div>
    </div>

<!-- end: NESTED DIV for DNN Pane --> 

    <div class="rightpane" id="RightPane" runat="server"></div>
 <div class="bottompane" id="BottomPane" runat="server"></div>

 <div class="skingradient">
  <dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT" />&nbsp;&nbsp;<dnn:TERMS runat="server" id="dnnTERMS" />&nbsp;&nbsp;<dnn:PRIVACY runat="server" id="dnnPRIVACY" /></div>

</div> <!--skinmaster-->
</div>

btw, i was able to figure out after a couple of days how to make this work quite simply (isn't it almost always something simple?). here's how:

    <div class="centerpane">
       <div class="contentpane" id="ContentPane" runat="server"></div>
       <div class="story" id="Story1" runat="server"></div>
       <div class="story" id="Story2" runat="server"></div>
       <div class="story" id="Story3" runat="server"></div>
       <div class="story" id="Story4" runat="server"></div>
    </div>

so in this case, the 'contentpane' is being used to fill the entire width of the 'centerpane' div and then 'Story1' thru 'Story4' divs split into 4 equal parts that sit underneath the 'contentpane' div.

i should've posted this back when i figured it out but prolly forgot to do that in all my excitement of being able to make it work! :) but posting it now anyway to hopefully help someone facing the same issue.