Start Building Professional
Web Apps Today

tabbar - limit the contest area in IE

Hi,
I need to limit the width of the contest area with IE. With firefox I don't have problems, but in IE, when I load a php (width=200px) into a 370px contest area, IE load a 200px margin left on the contest, so it don't fit into the tabbar. how can fix this?

<div style="width:370px;height:300px">
<div id="a_tabbar" style="width:370px; height:300px; overflow:hidden;"/></div>
<script>
tabbar=new dhtmlXTabBar("a_tabbar","top");
tabbar.setImagePath("/tabbar/imgs/");
tabbar.setSkinColors("#FFCC00","#FEFF00");
tabbar.setHrefMode("ajax");
tabbar.addTab("a1",A1", "70px");
tabbar.addTab("a2","A2", "70px");
tabbar.addTab("a3","A3", "70px");
tabbar.addTab("a4","A4", "70px");
tabbar.setContentHref("a1","/tabbar/tab1.php?id=<? echo $id; ?>&nombre=<? echo str_replace('"','\'', $nombre); ?>&dom=<? echo $dom; ?>");
tabbar.setContentHref("a2","/tabbar/tab2.php?id=<? echo $id; ?>&nombre=<? echo str_replace('"','\'', $nombre); ?>&dom=<? echo $dom; ?>");
tabbar.setContentHref("a3","/tabbar/tab3.php?id=<? echo $id; ?>&dom=<? echo $dom; ?>");
tabbar.setContentHref("a4","/tabbar/tab4.php?dom='<? echo $dom; ?>'");
tabbar.setTabActive("a1");
</script>
</div>

Unfortunately problem can't be reconstructed locally, tabbar with the same init code as in your snippet works fine, without any unwanted margins.
Please check custom css which you are using, if you have some global css rules for DIV tags, it possible that they override default styles of tabbar and produce incorrect view.

If problem still occurs for you - please provide any kind of sample where it can be reconstructed ( you can send it directly to support@dhtmlx.com )