Imagem diminuindo outros objetos quando imprimi

tiago_pimenta · Maio 18, 2015

Pessoal, boa tarde !!!

Estou com um problema e gostaria de saber se alguém já passou por isso e como solucionar.

Tenho um relatório em HTML, onde parte da página é o sistema que gera e a outra parte, é o usuário que cria, através de um editor HTML. A parte que o sistema gera, tem uma imagem, uma tabela e alguns texto. Na parte do editor, o usuário pode inseri texto, formata, inseri imagem, redimensiona a imagem, ou seja, faz quase tudo o que ele achar conveniente.

O problema é: Quando eu vou imprimir essa página HTML, se tem alguma imagem no corpo da página, todos os outros objetos (Outras imagens, tabela, textos, etc...) ficam menores, como se a imagem do corpo da página estivesse espremendo/compactando os outros objetos. Esse problema ocorre tanto pelo nosso sistema, quando gerando a "página pura", por editor de texto.

Já tentei dividir a página em "sessões" cabeçalho, corpo e rodapé através do div, setar o width e height da imagem via CSS, pois comentaram comigo que essas propriedades, dentro da tag img é que dava o erro, mas mesmo assim, nada funcionou. Mesmo que o width e height da imagem funciona-se, não poderia ser assim, pois quem define o tamanho da imagem é o usuário no editor HTML, então não poderia ser via CSS.

Alguém já teve esse problema ? Como soluciona-lo ?? Abaixo tem o código de uma nova página que estava fazendo só para teste, mas que está apresentando o problema.

<html>
    <div id = "site">    
        <style type = "text/css">
            #site {
                    width: 100%;
                    height: 100%;
                    margin-top: 0;
                    margin-bottom: 0;
                    margin-left: 0;
                    margin-right: 0;
                    background-color: #000000;
                    }
            
            #header {
                        width: 100%;
                        height: 20%;
                        background-color: #00FFFF;
                    }
            
            #body {
                    width: 100%;
                    height: 75%;
                    background-color: #0000FF;
                 }
            
            #footer {
                        width: 100%;
                        height: 5%;
                        background-color: #000066;
                 }
            
            .table_paciente {
                                border: 1px solid #000000;
                                font-family:Arial, Helvetica, sans-serif;
                                font-size:12px;
                            }
            
            .tr_paciente .td_paciente {
                                            border: 0;
                                     }
            
            #imagem_teste {
                            width: 980px;
                            left: 263px;
                         }
        </style>
        
        <head>
            <div id = "header">
                <table class = "table_paciente" width = "100%" border = "0">
                 <tr class = "tr_paciente">
                    <td class = "td_paciente" width="15%" align="right"><b>Paciente:</b></td>
                    <td class = "td_paciente" colspan="3">Tiago Pimenta</td>
                    <td class = "td_paciente" width="14%" align="right"><b>RH:</b></td>
                    <td class = "td_paciente" width="23%">15-00001</td>
                 </tr>
                 <tr class = "tr_paciente">
                    <td class = "td_paciente" align="right"><b>Sexo:</b></td>
                    <td class = "td_paciente" width="15%">Masculino</td>
                    <td class = "td_paciente" width="21%" align="right"><b>Dt. Nascimento:</b></td>
                    <td class = "td_paciente" width="12%">01/01/1901</td>
                    <td class = "td_paciente" align="right"><b>Idade:</b></td>
                    <td class = "td_paciente">N/I</td>
                 </tr>
                 <tr class = "tr_paciente">
                    <td class = "td_paciente" align="right"><b>Médico Solic.:</b></td>
                    <td class = "td_paciente" colspan="5">Tiago Pimenta</td>
                 </tr>
                 <tr class = "tr_paciente">
                    <td class = "td_paciente" align="right"><b>Filial Solic.:</b></td>
                    <td class = "td_paciente" colspan="2">Antenor Duarte</td>
                    <td class = "td_paciente" align="right"><b>Convênio:</b></td>
                    <td class = "td_paciente" colspan="2">SUS</td>
                 </tr>
                 <tr class = "tr_paciente">    
                    <td class = "td_paciente" align="right"><b>Município:</b></td>
                    <td class = "td_paciente">Barretos</td>
                    <td class = "td_paciente" align="right"><b>UF:</b></td>
                    <td class = "td_paciente">São Paulo</td>
                    <td class = "td_paciente" align="right"><b>C.Custo Solic.:</b></td>
                    <td class = "td_paciente">TI</td>
                 </tr>        
                 <tr class = "tr_paciente">
                    <td class = "td_paciente" align="right"><b>Dt. Solicitação:</b></td>
                    <td class = "td_paciente">01/01/1901</td>
                    <td class = "td_paciente" align="right"><b>Dt. Liberação Laudo:</b></td>
                    <td class = "td_paciente">01/01/1901</td>
                    <td class = "td_paciente" align="right"><b>Dt. Revisão:</b></td>
                    <td class = "td_paciente">01/01/1901</td>
                 </tr>
                </table>
            </div>
        </head>
        
        <body>
            <div id = "body">
                <!-- <img id = "imagem_teste" src="71.jpg"> -->
            </div>
        </body>
        
        <div id = "footer">    </div>
    </div>
</html>

http://pastebin.com/NwBhmXtA

Entrar

Imagem diminuindo outros objetos quando imprimi

Pergunta

tiago_pimenta

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades