hide horizontal scroll ie8

tumbero_x

Hi Friends, internet explorer 8 generates a horizontal scroll, is there any way to fix it from appearing?
greetings and thank you very much!

wxkevin

I am having the same problem. No horizontal scroll bar on FF 6 but there is on IE7 and IE8. I have a vertical scroll bar. It looks like IE doesn't take the vertical scroll bar into effect therefore it thinks the data is larger than the table and hence the horizontal scroll bar.

Does anyone have a solution?

wxkevin

Well, for IE I set the table width to 98.8% to get the horizontal scroll bar to go away while I have it set to 100% in FF. A bit annoying but at least it works. Still, if there is something in DataTables that can fix this (as opposed to different CSS for the two browsers), I would be interested.

filipiz

wxkevin, how did you set the width to 98.8% ?
Via CSS? Wich selector did you use?
Or via JS? Wich property did you use?

yago

filipiz: this is how I did it:

In my fnInitComplete callback I added:

if ($.browser.msie && parseInt($.browser.version) <= 8) {
$('div.dataTables_scrollBody>table.display').width('98%');
}

It worked for me.