Start Building Professional
Web Apps Today

DHTMLX Tabbar : Setting height, width of tab in Safari.

Hi,
I want to set the height, width of the tab, not content area. It works fine for Firefox, IE 6 & 7; but not for Safari.
I have written something like this.

<div style="float:left; width:100%;" >
            <div id="a_tabbar" style="width:100%; height:100%"></div
</div>
         
                            
                        <script>
                            tabbar=new dhtmlXTabBar("a_tabbar","top", 25);
                         tabbar.setImagePath("<%=path%>/js/dhtmlx/dhtmlxTabbar/codebase/imgs/custom/");
                  tabbar.setStyle("custom");
                  tabbar.setOnSelectHandler(getControlData);
                         tabbar.setSkinColors("#000000","#1D3764", "#FFFFFF");
                         tabbar.loadXML("<%=path%>/getSettingsTabber.action");
                        </script>


Please help !!!

The same code works correctly while tested against Safari 3.1, in which version of Safari it causes problems for you?
By the way, provided code snippet has a typo, inner </div> miss tag closing.

Hi,
     I have attached the image that shows the problem. We are working on Safari 3.0.2
     That Inner Div is due to improper Copy Paste while asking you question.
     Please help.

The problem mostly caused by used HTML layout - the tabbar reflects the size of its container, and it seems that in your case the 100% give not so much height.
Please check attached sample - it uses the same approach without additional HTML elements on the page.