Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>---o:</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>Carregando comentários...