horizontal Scroll problem in firefox

Tarkowski

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.

allan

Odd! I think we would need a link to a test case to have any chance of discovering what is going on here.

Allan

Tarkowski

Hi 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?

Tarkowski

Allan,

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

If you could link me to a page that shows the problem, or use http://live.datatables.net to reproduce the issue, that would allow me to see what is going on.

Allan

Tarkowski

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

allan

Hi,

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

Tarkowski

Thanks for the reply.

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

Tarkowski

Sorry to insist ... but that test you did was in firefox? because I do not work properly.

Greetings!

allan

I get the same result in Safari and Chrome as I do in Firefox. The page renders correctly and is interactive as I would expect - but the table is wider than I had expected. Is that the issue you are seeing?

Allan

Tarkowski

Hi 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