CSS - para impressão

<< Click to Display Table of Contents >>

Navigation:  CSS >

CSS - para impressão

Previous pageReturn to chapter overviewNext page

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)

 

css_print

 

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

{

    displaynone;

}

 

#div_submenu

{

    displaynone;

}

 

.div_corpo

{

    width97%;

}

 

#wrapper

{

    displaynone;

}

 

#box_expediente

{

    displaynone;

}

 

#botoes_mais_e_menos

{

    displaynone;

}

 

#div_rodape

{

    displaynone;

}

 

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:

 

css_print2