Jump to content
Fórum Script Brasil
  • 0

Imagem diminuindo outros objetos quando imprimi


tiago_pimenta
 Share

Question

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

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.1k
    • Total Posts
      647.1k
×
×
  • Create New...