horizontal Scroll problem in firefox
horizontal Scroll problem in firefox
Tarkowski
Posts: 9Questions: 0Answers: 0
Hello,
Excuse my English.
I have many columns and used scrollx and scrollInnerX.
In IE, Chrome and Opera works fine.
But Firefox does not respect width.
I leave the pictures.
http://img585.imageshack.us/img585/4338/problemff.jpg
CSS:
table { clear: both; }
.
.
.
.dataTables_scroll {
clear: both;
}
DataTable:
"sScrollY": "250px",
"sScrollX": "100%",
"sScrollXInner": "180%",
"bPaginate": true,
"bScrollCollapse": true,
"bAutoWidth": false
I read the forum but could not find the solution
Thank you very much!
PS: I erased some data in the table, just for privacy.
Excuse my English.
I have many columns and used scrollx and scrollInnerX.
In IE, Chrome and Opera works fine.
But Firefox does not respect width.
I leave the pictures.
http://img585.imageshack.us/img585/4338/problemff.jpg
CSS:
table { clear: both; }
.
.
.
.dataTables_scroll {
clear: both;
}
DataTable:
"sScrollY": "250px",
"sScrollX": "100%",
"sScrollXInner": "180%",
"bPaginate": true,
"bScrollCollapse": true,
"bAutoWidth": false
I read the forum but could not find the solution
Thank you very much!
PS: I erased some data in the table, just for privacy.
This discussion has been closed.
Replies
Allan
As additional information, I tell them that if I leave a fixed width to the table in the CSS this is solved. But it is a patch only because I still have ALL the tables with that fixed width.
eg
. dataTables_scroll {
clear: both;
width: 850px; / * so as not to leave the margin in firefox * /
}
Not the best solution .....
But I forgot to mention that the problem ONLY occurs when using a fieldset.
Here I leave the code:
In firefox does not work like this:
Listado de Transacciones Online
xxx
yyy
zzz
.
.
.
Loading data from server
But without "fieldset" working properly
Can you help me?
How are you?
I've done tests and if I take the "fieldset" works well, unfortunately I'm already occupying that style on my site. Could you help me to correct the problem of Firefox? regards
Allan
The example of "live.datatables" I add "scrollx" and "ScrollInner" and works well, but fails to add the "fieldset" in the table
This is an example
http://live.datatables.net/uyinap/
regards
Thanks for the example - I'm afraid I don't quite understand what is going wrong there. If you add width:800px to the field set it works as expect, and also if you remove the scrolling options in DataTables it works as expected, so there must be a layout quirk when forcing scrolling width inside a fieldset which is rather odd.
I've made a not to try and investigate further later on. Until then, these two workarounds will hopefully help.
Allan
But I can not remove the displacement of the tables because there are many columns.
On the other hand, to give a "width" to "fielset" works well. But in FireFox I tried the example and does not work. Does your ment proved in firefox? Is it my version of firefox?
regards
Greetings!
Allan
This is the example, it works fine but if you add the "fieldset" stops working properly.
http://live.datatables.net/uyinap/6/
(in Chrome, IE and Opera works great in firefox but not)
first of all does not respect the width and the other is that the "click" to sort the data table begins to enlarge with each "click". Please try it.
This happens only if you add the "fieldset"
Thanks