Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
ola pessoal
estou fazendo uns layouts aqui
estao "iguais" tanto no ff qto no IE
porem qdo mando gerar a impressao no IE sai errado, ele joga desloca os DIVs
ja no FF não
tem cura pra isso?
segue o codigo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css"><!--* { margin: 0px; padding: 0px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration:none;}body { background-color: #F7F7F7;}a { color: #C6C8CA;}a:hover { color: #FFF;}h1{ padding-top:3px; font-size: 11px; color: #fff;}.Texto { color: #333; }.TextoErr { color: #F00;}.CbcTit,.CbcTitEsq,.CbcTitDir,.CbcTitCentro { height: 21px; float: left; border: 0px;}.CbcTit{ background: url(../img/img_cinza_cbc_centro.gif); }.CbcTitCentro{ background: url(../img/img_cinza_cbc_centro.gif); }.CbcTitEsq{ background: url(../img/img_cinza_cbc_esq.gif) no-repeat; width: 21px; }.CbcTitDir{ background: url(../img/img_cinza_cbc_dir.gif) no-repeat; width: 23px;}.Botao{ background: #D8D8D8; font-size: 12px;}.TblRow,.TblRowTrue,.TblRowFalse,.TblRowCabecalho,.TblCel,.TblTit,.TblTitEsq,.TblTitDir,.TblTitCentro,.TblRowRodape { height: 21px; float: left; border: 1px solid #C4C4C4; }.TblRow,.TblRowCabecalho{ background: #CCC;}.TblRowTrue{ background: #F7F7F7;}.TblRowFalse{ background: #D6D6D6;}.TblRowRodape{ background: #CCC;}--></style></head><body><div style="width:600px"> <div class="CbcTit" style="width:600px"> <div class="CbcTitEsq"> </div> <div class="CbcTitCentro" style="width:556px"><h1>1. Exemplo de Dados Tabulares</h1></div> <div class="CbcTitDir"> </div> </div> <div class="TblRowCabecalho" style="width:600px"> <div class="TblCel" style="width:302px">Cliente</div> <div class="TblCel" style="width:294px">Contrato</div> </div> <div class="TblRowCabecalho" style="width:600px"> <div class="TblCel" style="width:200px">Nome</div> <div class="TblCel" style="width:100px">CPF</div> <div class="TblCel" style="width:120px">Data</div> <div class="TblCel" style="width:100px">Valor</div> <div class="TblCel" style="width:70px">Qtd.</div> </div> <div class="TblRowTrue" style="width:600px"> <div class="TblCel" style="width:200px">Carlos </div> <div class="TblCel" style="width:100px">111.222.333-12</div> <div class="TblCel" style="width:120px">01/02/2003</div> <div class="TblCel" style="width:100px">100,00</div> <div class="TblCel" style="width:70px">2</div> </div> <div class="TblRowFalse" style="width:600px"> <div class="TblCel" style="width:200px">Carlos </div> <div class="TblCel" style="width:100px">111.222.333-12</div> <div class="TblCel" style="width:120px">01/02/2003</div> <div class="TblCel" style="width:100px">100,00</div> <div class="TblCel" style="width:70px">2</div> </div> <div class="TblRowTrue" style="width:600px"> <div class="TblCel" style="width:200px">Carlos </div> <div class="TblCel" style="width:100px">111.222.333-12</div> <div class="TblCel" style="width:120px">01/02/2003</div> <div class="TblCel" style="width:100px">100,00</div> <div class="TblCel" style="width:70px">2</div> </div> <div class="TblRowRodape" style="width:600px"> <div class="TblCel" style="width:200px">Total</div> <div class="TblCel" style="width:100px">4</div> <div class="TblCel" style="width:120px"></div> <div class="TblCel" style="width:100px">400,00</div> <div class="TblCel" style="width:70px">8</div> </div> </div></body></html>
se alguem encontrar coisas erradas no codigo relacionado a semantica, ou DESSA FORMA FICA MELHOR, dicas, criticas entre outras coisas vao ser bem vindas
falow
T+
Carregando comentários...