1
I have a system structure 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 have my system page printed in firefox, as the table id="tabs-1" does not "fit" in a single page firefox, instead of firefox breaking the page in two or more, it simply "adds" with the rest of the page.
I’ve tried using the style overflow:visible
on the table only that I did not succeed.
Is there any way to solve this problem ?
Perhaps the answer will depend on the content of
<%@ include file="enderecoPaginaJSP2.jsp"%>
, i guess, could provide an example in jsfiddle or Stacksnippet using only HTML and CSS (without JSP)?– Guilherme Nascimento