dhtmXTree is "jumpy" in the layout

Hello, I am having a trouble with the tree being rendered a bit jumpy.

As you can see on the image, the space between the images is different. When
all tree containers are retracted everything looks good, but when you extend it it will show as above.

As you can see, it looks good for “World Wide Web” folder, but bad for “Troubleshooting”, “Web browser” etc etc…

Here is my code for rendering the tree:

    <div id="treeboxbox_tree" setImagePath="http://localhost/atlas/tscms_new/jscript/dhtmlxtree/imgs/csh_dhx_skyblue/" class="dhtmlxtree" style="width:100%;">
      <xmp>
        <item text="Knowledge database" id="6" />
        <item text="Troubleshooting" id="1">
          <item text="Web browser" id="3">
            <item text="IE8 compatibility view" id="3:1" />
            <item text="Test" id="7" />
          </item>
        </item>
        <item text="User account" id="2">
          <item text="Changing user picture" id="5" />
          <item text="Password security" id="4" />
        </item>
        <item text="User domain" id="11">
          <item text="I dont know" id="12" />
          <item text="You dont know" id="13" />
        </item>
        <item text="World Wide Web" id="8">
          <item text="AstaLavista" id="10" />
          <item text="Google.com" id="9" />
        </item>
      </xmp>
    </div>
    <script>
        var myTree = dhtmlXTreeFromHTML("treeboxbox_tree");
        myTree.enableSmartRendering(true);
    </script>

Is there something I am doing wrong?

Hello,

As you can see on the image

You did not attach the image.

We have tested the code snippet - tree is rendered correctly. Please provide the complete demo to recreate the problem

Sorry, I uploaded the image to a temporary host who deleted it. It should be attached correctly now.


I have found out what the problem is.
I am developing a intranet solution which checks if IE8 compat mode is on or off.
If the compat mode is turned on in IE8 (which emulates it as being IE7), the user is not allowed accessing the service.

So I was working with compat mode turned on, which caused the parsing of the tree to be as the attached picture.

Summary: The tree looks good if you have compatibility mode turned OFF (IE8) and you get the jumpy structure if you have it turned ON (or if you have IE7 I would guess).

In IE8 Standard and IE7 standard the issue doesn’t occur.

However, such a problem may occur if you set Compat Mode via meta tag (if, for example, Compat Mode is used with document mode IE8Standards).