Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom pessoal minha duvida é a seguinte , tenho uma pagina aonde posiciono em cima de uma imagem algumas divs contendo informações , o que acontece é o seguinte se tenho duas imagens e posiciono uma div na segunda imagem no navegador FIREFOX ao clicar em Visualizar impressão ela esta fora da area que eu coloquei , o da primeira folha esta certinho mas da segunda fica bem em cima , ou seja fora do lugar o que pode ser?
Obs: No IE ele fica posicionado certo!
Pois é, sem um link fica muito difícil de ajudar... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif Segundo, você está trabalhando com CSS para impressão (media="print")?
Olá mauelement e Paulo, obrigado pela atenção, vou postar abaixo meu codigo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Nota Fiscal</title><style type="text/css">#cliente { position:absolute; width:468px; height:24px; z-index:2; left: 23px; top: 174px;}#datasaida { position:absolute; width:82px; height:20px; z-index:2; left: 696px; top: 205px;}#descricao { position:absolute; width:675px; height:20px; z-index:2; left: 55px; top: 296px;}#total { position:absolute; width:121px; height:20px; z-index:2; left: 662px; top: 770px;}#totalnegociado { position:absolute; width:121px; height:20px; z-index:2; left: 594px; top: 796px;}#numeronota { position:absolute; width:39px; height:20px; z-index:2; left: 710px; top: 29px;}#numeronota2 { position:absolute; width:39px; height:20px; z-index:2; left: 705px; top: 1058px;}#desconto { position:absolute; width:39px; height:20px; z-index:2; left: 24px; top: 769px;}#modopagamento { position:absolute; width:263px; height:19px; z-index:2; left: 175px; top: 941px;}#total2 { position:absolute; width:121px; height:20px; z-index:2; left: 782px; top: 770px;}#total21 { position:absolute; width:121px; height:20px; z-index:2; left: 662px; top: 801px;}#icms { position:absolute; width:121px; height:20px; z-index:2; left: 179px; top: 769px;}#cnpj { position:absolute; width:121px; height:20px; z-index:2; left: 501px; top: 172px;}#endereco { position:absolute; width:343px; height:20px; z-index:2; left: 19px; top: 205px;}#bairro { position:absolute; width:185px; height:20px; z-index:2; left: 365px; top: 205px;}#cep { position:absolute; width:120px; height:20px; z-index:2; left: 556px; top: 205px;}#cidade { position:absolute; width:275px; height:20px; z-index:2; left: 21px; top: 236px;}#telefone { position:absolute; width:147px; height:20px; z-index:2; left: 302px; top: 236px;}#estado { position:absolute; width:42px; height:20px; z-index:2; left: 451px; top: 237px;}#ie { position:absolute; width:162px; height:20px; z-index:2; left: 497px; top: 235px;}#codigo_barra { position:absolute; width:343px; height:20px; z-index:2; left: 374px; top: 6px;}quebra_pagina2 {page-break-after:always;}#descricao2 { position:absolute; width:675px; height:20px; z-index:2; left: 55px; top: 1389px;}</style></head><body><img src="images/nf2.gif" width="800" height="1066" /><div id='cliente'><?php echo "<FONT COLOR=black size=2 >". $nome_fantasia ."</font>" ?> </div><div id="cnpj"><?php echo "<FONT COLOR=black size=2 >". $cnpj_cpf ."</font>" ?></div><div id="endereco"><?php echo "<FONT COLOR=black size=2 >". $endereco ."</font>"; ?> </div><div id="bairro"><?php echo "<FONT COLOR=black size=2 >". $bairro ."</font>"; ?> </div><div id="cep"><?php echo "<FONT COLOR=black size=2 >". $cep ."</font>"; ?></div><div id="cidade"><?php echo "<FONT COLOR=black size=2 >". $cidade ."</font>"; ?></div><div id="telefone">( <?php echo "<FONT COLOR=black size=2 >". $ddd_telefone ."</font>"; ?> ) <?php echo "<FONT COLOR=black size=2 >". $telefone ."</font>"; ?></div><div id="estado"><?php echo "<FONT COLOR=black size=2 >". $estado ."</font>"; ?></div><div id="ie"><?php echo "<FONT COLOR=black size=2 >". $ie ."</font>"; }?></div><div id='descricao'> <table width="665" border="0" align="center" cellpadding="1" cellspacing="0"> <tr> <td width="299"><?php echo "<FONT COLOR=black size=2 large>". $descricao ."</font>"; ?></td> <td width="115"><?php echo "<FONT COLOR=black size=1 large>". $codigo_barra ."</font>"; ?></td> <td width="52"><?php echo "<FONT COLOR=black size=2 large>". $quantidade_venda ."</font>"; ?></td> <td width="117"><?php echo "<FONT COLOR=black size=2 large>". $avista ."</font>"; ?></td> <td width="72"><?php echo "<FONT COLOR=black size=2 large>". $total_avista ."</font>"; ?></td> </tr> </table></div></div><div id='datasaida'><?php echo $dia_2.$data_mod ?></div><div id='total'><?php echo $total_negociado ?></div><div id='desconto'>18 %</div><div id='total21'><?php echo $total_negociado ?></div><div id='icms'><?php echo arredondado($icms,2) ;?></div><div id='numeronota'><?php echo $desconto?></div><div id='numeronota2'><?php echo $desconto?></div><br /><br /><div id="descricao2"><table width="665" border="0" align="center" cellpadding="1" cellspacing="0"> <tr> <td width="299"><?php echo "<FONT COLOR=black size=2 large>". $descricao ."</font>"; ?></td> <td width="115"><?php echo "<FONT COLOR=black size=1 large>". $codigo_barra ."</font>"; ?></td> <td width="52"><?php echo "<FONT COLOR=black size=2 large>". $quantidade_venda ."</font>"; ?></td> <td width="117"><?php echo "<FONT COLOR=black size=2 large>". $avista ."</font>"; ?></td> <td width="72"><?php echo "<FONT COLOR=black size=2 large>". $total_avista ."</font>"; ?></td> </tr> </table></div><img src="images/nf2.gif" width="800" height="1066" /></body></html>Vamos ao problema o posicionamento das divs em cima da primeira imagem fica blza.. certinho,ate quando acesso a pagina visualmente a segunda tambem aparece certo , o problema é que quando clico em Visualizar Impressão para que esta pagina seja impressa a 1ª esta belezinha, mas na segunda ele esta totalmente fora, ele fica colado no cabeçalho da segunda totalmente fora do lugar que coloquei :ermm: , o que pode ser pessoal? sobre (CSS para impressão (media="print")?) nunca trabalhei com isso, como funciona.. grato pela atenção!
Valide o HTML gerado e dê fim nos erros.
Estude um pouco de semântica.
Resete as margens e configure as larguras/alturas/margens em centímetros ou percentagens.
O restante das diferenças de impressão entre navegadores são proprietárias de cada um e não cabe a você (diagramador) configurar a marcação e sim ao usuário configurar o navegador/impressora.
se você ñ por os códigos ou o link fica meio difícil