Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde Pessoal!
Montei uma classe genérica para estilizar as tabelas do meu sistema, porém me deparei com apenas um problema, apenas uma, isso mesmo, apenas uma tabela no Internet Explorer fica maior que o esperado, olhem na imagem abaixo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.fernandotholl.net/imagens/menu-4.jpg&key=f150c8c4e6d54686c1759b7c9a52d33b6e6ceeb38d2b586005d3dfa56307f36d" alt="menu-4.jpg" />
O CSS:
/ Tabelas Padrão do sistema /
.table-sys{
border-collapse: collapse; /* CSS2 */
background-color: #fff;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: solid 1px #D5D5D5;
width: 100%;
table-layout:auto;
}
.table-sys > tr, td{
border: solid 1px #D5D5D5;
height: 30px;
padding: 2px 0 0 5px;
}
tr:nth-of-type(even) td { background-color: #FAFAFA; }
.table-sys .table-header{
background-color: #F2F2F2;
height: 27px;
font-weight: bold;
border: solid 1px #D5D5D5;
}
HTML
<table class="table-sys">
<thead class="table-header">
<tr>
<td>Totais:</td>
<td>Descrição:</td>
<td>Porcent.</td>
</tr>
</thead>
<tbody>
<tr>
<td>198.00</td>
<td>Materiais cadastrados</td>
<td><img src="imagens/up.jpg" alt="%" /><span>3,0%</span></td>
</tr>
<tr>
<td>150.156</td>
<td>Materiais ativos</td>
<td><img src="imagens/down.jpg" alt="%" /><span>2,5%</span></td>
</tr>
<tr>
<td>45</td>
<td>Usuários online</td>
<td><img src="imagens/up.jpg" alt="%" /><span>1,9%</span></td>
</tr>
<tr>
<td>345</td>
<td>Materiais atualizados hoje</td>
<td><img src="imagens/up.jpg" alt="%" /><span>9,3%</span></td>
</tr>
<tr>
<td>2.568</td>
<td>Fornecedores cadastrados</td>
<td><img src="imagens/up.jpg" alt="%" /><span>4,5%</span></td>
</tr>
</tbody>
</table>
Eu não consigo ententer porque no IE a <td> fica mais alta que no Firefox, quebrando assim o meu layout. Se algum conseguir me ajudar fico grato.Carregando comentários...