|
<< Click to Display Table of Contents >> CSS - para impressão |
  
|
|
<< Click to Display Table of Contents >> CSS - para impressão |
|
O problema
O site tem monte de frescura e figuras que não interessam na impressão.
Se for imprimir este site da Market, aparece assim: (Control+P)
A solução
Criar um css específico para impressão onde trocamos algumas coisas (visibilidade de partes da página, tamanhos, etc)
impressao.css
#div_cabecalho
{
display: none;
}
#div_submenu
{
display: none;
}
.div_corpo
{
width: 97%;
}
#wrapper
{
display: none;
}
#box_expediente
{
display: none;
}
#botoes_mais_e_menos
{
display: none;
}
#div_rodape
{
display: none;
}
Principal.aspx
<!DOCTYPE html>
<html>
<head runat="server">
<title>....</title>
<link rel="stylesheet" media="print" type="text/css" href="/css/impressao.css" />
Como fica agora
o css quando media="print" só afeta a impressão:
