horizontal Scroll problem in firefox

horizontal Scroll problem in firefox

TarkowskiTarkowski Posts: 9Questions: 0Answers: 0
edited July 2012 in DataTables 1.9
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.

Replies

  • allanallan Posts: 63,397Questions: 1Answers: 10,451 Site admin
    Odd! I think we would need a link to a test case to have any chance of discovering what is going on here.

    Allan
  • TarkowskiTarkowski Posts: 9Questions: 0Answers: 0
    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?
  • TarkowskiTarkowski Posts: 9Questions: 0Answers: 0
    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
  • allanallan Posts: 63,397Questions: 1Answers: 10,451 Site admin
    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
  • TarkowskiTarkowski Posts: 9Questions: 0Answers: 0
    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
  • allanallan Posts: 63,397Questions: 1Answers: 10,451 Site admin
    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
  • TarkowskiTarkowski Posts: 9Questions: 0Answers: 0
    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
  • TarkowskiTarkowski Posts: 9Questions: 0Answers: 0
    Sorry to insist ... but that test you did was in firefox? because I do not work properly.

    Greetings!
  • allanallan Posts: 63,397Questions: 1Answers: 10,451 Site admin
    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
  • TarkowskiTarkowski Posts: 9Questions: 0Answers: 0
    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
This discussion has been closed.