Hello! There was such a problem. It was necessary to impose a table with dynamic scrollable content for the client part of the web application. I implemented this method of nesting a div with a dynamic table inside static. As we tested in different browsers, I discovered that Firefox is drawing an invisible border for a nested table on the left and above. As a result, the table is shifted down and to the right by one pixel, respectively, and the view deteriorates. All other browsers in this place work as intended, because all the boundaries of the elements covering the internal table are given as border:none .

Below are screenshots of the behavior of browsers Chrome and Firefox. IE did not post it, because it, like chrome, works correctly in this case.

Display (Chrome vs Firefox):

Chrome Chrome

Firefox Firefox

Interpretation of styles (Chrome vs Firefox):

Chrome Ok

Firefox Bug

On the face of an obvious bug from Firefox. But to get around this trouble does not manage. Alas, but border-collapse: separate for the internal table also does not save the situation.

Tell me how to be? It is very necessary to fix this problem. I will be very grateful.

  • one
    Why put the table in the table in your case? On the last screenshot I see 3 wrapping divas from the scroll plugin, about which you did not say anything. Sample code? - mJeevas
  • @mJeevas Yes, I forgot to notice about the plugin for customizing the scrollbar. Does the code need the source code or the one that is eventually generated (DOM) and displayed in the browser element inspector? - IngeniousTom

0