Hi all,

I just installed DNN version 4.5.3 and made a simple skin with div's. you can view the skin here  (dutch). here is a sample of the ascx file:

[div align="center"] 
  [div class="main"]
   [div class="header"></div]
   [div class="menu"][dnn:MENU runat="server" id="dnnMENU" userootbreadcrumbarrow="false" usesubmenubreadcrumbarrow="false" usearrows="false" separator="[img src=&quot;separator.gif&quot;/]" /][/div]
   [div class="contentwrapper"]
    [div class="contentpane"][div runat="server" id="ContentPane"][/div][/div]
    [div class="leftpane"][div id="LeftPane" runat="server"][/div][/div]
    [br clear="all" /]
   [/div] <!-- end contentwrapper -->
   [div class="footer"][dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT" /] [dnn:LOGIN runat="server" id="dnnLOGIN" /][/div]
  [/div] <!-- end main -->
 [/div]<!-- end center -->

css used:

.contentwrapper 
{
 width:840px;
 background-image:url(bg-content.jpg);
}

.contentpane
{
 /*border:1px solid blue;/**/
 float:left;
 margin-left:10px;
 width:556px;
 padding:10px;
}

.leftpane
{
 /*border:1px solid blue;/**/
 float:left;
 width:214px;
 padding:10px 5px 10px 5px;
}

What happens is that if I'm in edit mode the skin works fine, if I switch to view mode the leftpane sits inside the contentpane and is placed under the forum in the contentpane. I solved it by using tables but I thought it is worth mentioning it.

regards Bas

Your skins looks great. Thanks for sharing

Hi all,

thank for the replies, now I know for sure it's not just my skin. I hope they find a solution. In the meanwhile I solved it by using tables.

@ fun-e thnx for the complement,

I'm willing to share the skin, I've changed it and got it running in ie7, ie6, ie5.5, ie5, firefox1.5 netscape 9 and opera.
Even build a new container to go with it, you can have the .psd file I made for the images aswell, just sent me an email bas.grootjans@mail.com

regards Bas