Logo Hardware.com.br
jaideralba
jaideralba Novo Membro Registrado
27 Mensagens 0 Curtidas

Problema de impressao com CSS background

#1 Por jaideralba 24/01/2006 - 15:50
Entao... tenho uma pagina q gera um contrato para impressao. Nesta página eu preciso de um topo, soh q se o contrato tiver mais de uma página, o topo tem de sair nas demais, ou seja, não da pra usar tag .

Então é o seguinte, utilizei css da seguinte forma:

BODY
{
margin-top:125px;
background-image:url(images/topo_contrato.jpg);
background-repeat:no-repeat;
background-position: left top;
}

o margin-top eu usei para o texto nao começar em cima do topo.
Desse jeito, pelo IE a impressao sai normal, uma imagem por pagina e etc.

MAS! No firefox tenho 2 problemas:

1º - A imagem de background está saindo minúscula na hora da impressao (apesar de aparecer normal no page preview).
2º - A partir da segunda pagina, não assume mais margem (aquela do margin-top:125pxwink.png. Ou seja, a partir da segunda pagina, o texto sai em cima do que seria o topo da pagina.

Já tentei de td... se alguem tiver pelo menos um palpite jah agradeço desde já!
problema pagina impressao contrato topo images css background margintop
profeta_livre
profeta_livr... Super Participante Registrado
958 Mensagens 0 Curtidas
#2 Por profeta_livr...
24/01/2006 - 16:44
use o media print


@media print{ 

/*por exemplo isso esconde os" div  "*/ 

#coluna_do_topo{display:none;} 

#pagina_centarl_com_conteudo{width:100%; float:none;}

}


onde #coluna_do_topo é o que cabeçalho que se falou! e #pagina_central e o conteudo que vc quer imprimir!

não sei se deu pra entender!

veja -> http://www.w3.org/TR/REC-CSS2/media.html
http://www.oz.railsplayground.com/
jaideralba
jaideralba Novo Membro Registrado
27 Mensagens 0 Curtidas
#3 Por jaideralba
25/01/2006 - 08:38
Acho q eu não me expliquei direito.
O topo tem de sair na impressao! Eh tipo um cabeçalho.

No caso, eu tenho uma imgem (q é o topo) com 640x120. Eu coloco essa imagem de background e aplico margin-top 125 pro texto não começar em cima da imagem. Na visualização eu não tenho problemas, os problemas começam na hora de imprimir.
JAIDER DOT ALBA AT GMAIL DOT COM
jaideralba
jaideralba Novo Membro Registrado
27 Mensagens 0 Curtidas
#5 Por jaideralba
25/01/2006 - 16:32
eu dei uma olhada... mas o @media print soh vai denominar oq vai ou nao imprimir... imprimindo (com ou sem @media print) ele imprime... o problema eh a margem, e a imagem.... tipo, a imagem ta saindo mto pequena no canto superior esquerdo (menos de 20% do tamanho original)... e a margem soh ta saindo na primeira folha... (isso pelo firefox, pois no IE imprime blz).

Mas agradeço a ajuda!
Vou continuar procurando, e se encontrar algo eu posto...

vlw!
JAIDER DOT ALBA AT GMAIL DOT COM
jqueiroz
jqueiroz Cyber Highlander Registrado
104K Mensagens 5.7K Curtidas
#8 Por jqueiroz
25/01/2006 - 17:47
O padrão de todos os navegadores é não imprimir as imagens de fundo. Eu aconselho, então, que você não tente colocar o seu cabeçalho como imagem de fundo. Seria o caso de procurar outra alternativa.

PS: Pq não usar um documento PDF? Acho que não é tão difícil assim gerar um online, é???
"chmod 777 nunca ajudou ninguém" (c) 2002-2021 JQueiroz/FGdH
Conheça o Blog do Zekke
© 1999-2024 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal