Sample: dhtmlxTabbar Auto reSize dhtmlxTabbar main page
X

Try to resize window - tabbar will auto-adjust his width


 
    <table style='table-layout:fixed' width="100%" height="50%">
    <tr>
        <td>
        <div id="a_tabbar" style="width:100%; height:100%; overflow:hidden;"/>
        </td>
    </tr>
    </table>
    <script>
 
        tabbar=new dhtmlXTabBar("a_tabbar","top");
        tabbar.setImagePath("../../imgs/");
        tabbar.setSkinColors("#FCFBFC","#F4F3EE","#FCFBFC");
        tabbar.addTab("a1","Tab 1-1","100px");
        tabbar.addTab("a2","Tab 1-2","100px");
        tabbar.addTab("a3","Tab 1-3","100px");
        tabbar.setTabActive("a1");
        tabbar.enableAutoReSize(true);
</script>