Start Building Professional
Web Apps Today

Horizontal Scrollbars appear no matter what I try

Hello folks!

I am trying to use your wonderful component dhtmlxTree in a project. You can see it in action here:

www.maps2go.com.br

It works FINE in Firefox, Chrome and IE8. However in IE7 it shows a horizontal scroll bar no matter what I try.

Here is my code:

<div id="treeboxbox_tree"></div>
<script type="text/javascript">
tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
tree.enableCheckBoxes(1);
tree.enableThreeStateCheckboxes(true);
//tree.enableRadioButtons(true);

tree.attachEvent("onOpenEnd",function(){
var alturaMapa = 448;
var h = this.allTree.scrollHeight;

var diferenca;

diferenca = h - 190;


if (h == 325){
document.getElementById("controls").style.height = 448 + "px";
document.getElementById("map").style.height = 460 + "px";
} else {
document.getElementById("controls").style.height = (alturaMapa + diferenca) + "px";
document.getElementById("map").style.height = (460 + diferenca) + "px";

}


return true;
});

tree.setImagePath("img/skins/csh_vista/");
tree.setXMLAutoLoading("xml/opcoesPesquisa.xml");
tree.loadXML("xml/opcoesPesquisa.xml");
</script>

Here is my CSS:

#treeboxbox_tree{
overflow: hidden;
min-width:215px;
width:215px;
height:210px;
margin:0px;
padding:0px;
}


Can you help me, please, before I lose my sanity?

IMPORTANT: THIS JUST HAPPENS IN INTERNET EXPLORER 7!!

Thanks!

Carlos

It worked man!!

Thanks a lot!!!!