IE6/7 & jQuery UI

isilverlabs

Hi Allan,

We are having issues with IE6/7 & jQuery UI, Whenever browser window is resized, the table header, becomes too large & it will not sync with column values, Although you said in this form http://datatables.net/forums/comments.php?DiscussionID=3180&page=1, that it was fixed in version 1.7.5, but It think it's still there.

What should we do to fix this?

Regards,
iSilver Labs

allan

Did you try adding in Scott's CSS to see if that helps:

[code]
div.dataTables_scrollHead {
overflow: hidden;
position: relative;
}
[/code]?

I'd be interested in knowing how you get on with this!

Allan

isilverlabs

Hi Allan,

Yes, I tried scott css, but issue is still not resolved, I uploaded the demo to our server please check

http://ajaxadmin.isilverlabs.com/adminpanel.aspx

in IE7 Compatibility mode.

Regards,
iSilver Labs

isilverlabs

Hi Allan,

Did u find any fix for this issue?

Regards,
iSilver Labs

allan

I think the issue you are seeing is different from what was reported in the other thread, and fixed in 1.7.5. I think the problem is that you have:

[code]
{ "bSortable": false, sWidth: '20px', aTargets: [0] },
{ sWidth: '60px', aTargets: [5] },
{ sWidth: '50px', aTargets: [6] },
{ sWidth: '100px', aTargets: [7] }
[/code]
But some of the content is simply too large to be displayed in such small dimentions. That's way the browser is rendering things odd (for example is the last column, data might be 120px, although you've assigned only 100px). The easiest thing to do is to remove the sWidth statements and see if that helps at all.

Allan

isilverlabs

Hi Allan,

I removed the sWidth as you said, but issue is still not resolved.


Regards,
iSilver Labs