Hello,

I'm using a treeviewmenu on my website.

This is the code i'm using:

From aspx-file

<dnn:TREEVIEW runat="server" id="dnnTREEVIEW" CssClass="TreeViewMenu" level="root" nowrap="true" treeIndentWidth="5" IncludeHeader="False" NodeChildCssClass="TreeViewNode" NodeCssClass="TreeViewNode" NodeOverCssClass="TreeViewNodeOver" NodeSelectedCssClass="TreeViewNodeSelected" NodeClosedImage="" NodeLeafImage="/dnn/Portals/0/Skins/CLB-skin/spacer.gif" NodeOpenImage=""/>

From stylesheet

.TreeViewMenu {
 width: 175px;
}
.TreeViewNode{
 width: 125px;
 height: 20px;
 padding: 5px;
 background-image: url(menu.jpg);
 text-align: left;
 font-family: Tahoma, Arial, Helvetica;
 font-size: 10px;
 font-weight: bold;
 color: #C8C8C8;
 background-repeat: no-repeat;
}
.TreeViewNodeOver{
 width: 125px;
 height: 20px;
 padding: 5px;
 background-image: url(menu_in.jpg);
 text-align: left;
 font-family: Tahoma, Arial, Helvetica;
 font-size: 10px;
 font-weight: bold;
 color: #00A4C8;
 background-repeat: no-repeat;
}
.TreeViewNodeSelected{
 width: 125px;
 height: 20px;
 padding: 5px;
 background-image: url(menu.jpg);
 text-align: justify;
 font-family: Tahoma, Arial, Helvetica;
 font-size: 10px;
 font-weight: bold;
 color: #FFFFFF;
 background-repeat: no-repeat;
}

IE displays the control like it should (screenshot at http://www.go-clb.be/temp/2.gif )

When I open my website with a Mozilla-based browser like Firefox or Opera; the browser ignores the given width and height of the different nodes (screenshot at http://www.go-clb.be/temp/1.gif ).

Is their a way to solve this problem? Do I have to use different css code for these browers? 

All sugestions are welkom!

Greetz,

Bruno Devos

mm dont know of this will work because i never use any of the default dnn navigation again there are mch better ones that style better was well but try adding

display:block; to all te node elments to see if that wil cause the overlapping to go away, I dont know wat exactly the html code is that th treeview generates bu if its span code for the node elements than this cold be the issue (  span elemens are inline so they dont take any space and you can have multiple spans on one line  as opposed to divs and other block elemens ( ofcourse with divs you can oerride this but default behavior san is inline di is block

I have seen othere code in dnn portals tha were build out of spans as well you can give a span element height, but f you dont turn it into a bloc element it wont be handled correctly

Armand Datema

Get my new skin ( lots of design variations [18 headers, 30 titlebars, 30 breadcrumbs, 3 footers ], 50+ typography containers , 50+ page templates and an online theme builder for unlimited skin variations) Aura>

For all your skin conversions

2DNN

Follow me on Twitter