Start Building Professional
Web Apps Today

DHTMLXGRID header in Firefox 3

Hi,
In Firefox 3 the header of the grid does not align with the rows.
I've tried different widths, but it all is not working

This is de code i'm using:

        <div id="gridbox" style="width:850px;height:600px">
            <div id="a_1" style="color:red;">
            <img src="#application.settings.imagedir#/ajax-loader.gif" border="0"> Data is loading...
            </div>
        </div>
        <script>
            mygrid = new dhtmlXGridObject('gridbox');
            mygrid.imgURL = "#application.settings.scriptdir#/dhtmlxTree/dhtmlxGrid/codebase/imgs/";
            mygrid.setHeader(" ,#session.contentbits.inc_document_table.Label#,#session.contentbits.inc_document_table.processParent#,#session.contentbits.inc_document_table.process#,#session.contentbits.inc_document_table.communicationtype#,#session.contentbits.inc_document_table.Grootte#");
            mygrid.setColSorting("str,str,str,str,str,str");
            mygrid.setColTypes("txt,link,link,link,txt,txt");
            mygrid.setSkin("light");
            mygrid.setInitWidths("50,300,150,150,150,50")
            mygrid.enableMultiline(false);
            mygrid.setColAlign("center,left,left,left,left,left")
            mygrid.setEditable(false);
            mygrid.enableResizing("true");
            mygrid.enableLightMouseNavigation(true);
         mygrid.enableSmartRendering(true);
            mygrid.setSizes();
            mygrid.attachEvent("onXLS",function(){ document.getElementById("a_1").style.display="block"; });    
            mygrid.attachEvent("onXLE",function(){ document.getElementById("a_1").style.display="none";
            mygrid.attachHeader("##rspan,##text_filter,##rspan,##rspan,##select_filter,##rspan");
            mygrid.init();
            mygrid.loadXML("inc_XML_process_documents.cfm");
        </script>

Unfortunately issue can't be reconstructed with local samples

Please be sure that
a) you are using latest version , it contains some special fixes for better FF3 compatibility
b) you are not using any global css rules for DIV or TD tags ( adding paddings|margins to header cells may cause same effect as in your case )

yes, that solved it, i had a TH set in the css...