I have a structure of a system basically like this:
<ul id="tabs" class="nav nav-tabs">
<li><a style="border-color: transparent;"
data-toggle="tab" onclick="alterarAba(1)" href="#tabs-1"
class="aba"><bean:message key="titulo.aba.principal"/></a></li>
<li><a style="margin: 0px 10px; border-color: transparent;"
data-toggle="tab" onclick="alterarAba(2)" href="#tabs-2"
class="aba estatistica"><bean:message key="titulo.aba.estatistica"/></a></li>
</ul>
<div class="pagina">
<div id="tabs-1" class="tab-pane active">
<table style="width: 100%">
<tbody>
<%@ include file="enderecoPaginaJSP.jsp"%>
</tbody>
</table>
</div>
<div id="tabs-2" class="tab-pane">
<table style="width: 100%">
<tbody>
<%@ include file="enderecoPaginaJSP2.jsp"%>
</tbody>
</table>
</div>
</div>
I have a problem that when I print the page of my system in firefox, as the table of id="tabs-1" does not "fit" in a single page firefox, instead of firefox to break the page in two or more, it simply "disappears" with the rest of the page.
I've already tried to use style overflow:visible
on the table only I did not succeed.
Is there any way to resolve this problem?