Jump to content
Dexter Morgan

Problemas com margens a partir da 2 ª pagina - Print html

Recommended Posts

Preciso imprimir um relatórios de jogos, configurei para não aparecer os cabeçalhos na folha, e também o header e footer fixos, porém se a impressão usar mais de uma folha começo a ter problemas com as margens, segue o modelo:

 

image.png.832937a4e34b695b25edd7ae01346230.png

image.png.8e5e0e056aa4f8a71db7f1ee43203ba3.png

Reparem que no final da primeira folha o footer cobriu parte do conteúdo, e na segunda folha o conteúdo começa bem perto da margem, porém como configurei:
 

@page{
        size:auto;
        margin:0mm;
}


Para não aparecer os cabeçalhos na impressão não consigo fazer de outra forma para que o conteúdo vá para a segunda folha com uma margem legal... segue o meu código:
 

    @page{
        size:auto;
        margin:0mm;
    }
    @media screen{
        #header{
            top:0;
            margin:12mm;
        }
        #page{
            display:block;
        }
        #footer{
            bottom:0;
            margin:6mm 12mm 10mm 3mm;
        }
    }
    @media print{
        #header{
            position:fixed;
            top:0;
            margin:12mm;
        }
        #page{
            display:block;
        }
        #footer{
            position:fixed;
            bottom:0;
            margin:6mm 12mm 10mm 3mm;
        }
    }

 

<div id="header">
          <img style="float:left; position:relative;" src="{{ asset('images/report_logo.png') }}" height="96px" border="0" title="" alt="" />
</div>

<div id="page">
      <table>

		Content

      </table>
</div>

<div id="footer">
          <img src="{{ asset('images/report_footer.jpg') }}" width="720px" border="0" title="" alt="" />
</div>

 

Share this post


Link to post
Share on other sites

Tente isso:

#footer{
    position: fixed;
    bottom: 0;
    margin:6mm 12mm 10mm 3mm;
    top: 70%;

Não sou capaz de testar a partir do código disponibilizado por ti, mas acredito que esta gambiarra resolva o teu problema.

Se funcionar, talvez seja preciso alterar o valor de "top", assim, aumentando ou diminuindo o mesmo, conforme a tua necessidade.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By ThosuZ
      Boa tarde, pessoal! Minha dúvida é simples. Gostaria de saber apenas o nome da animação desse site: https://www.think-mario.com/
      Quero o nome pra pesquisar sobre e aprender. A animação é quando vamos abaixando o scroll, as coisas vão surgindo, e eu acredito que seja com js.
       
      Abraços!
    • By FabianoSouza
      Tenho uma situação em que preciso colorir o texto dentro de um elemento.
      Caso seu valor seja 0, pinte de uma cor, caso seja maior do que 0 (zero) pinte de outra cor.
       
      Como faço isso com CSS puro.
      Estou pesquisando e tem a possibilidade de criar condições no CSS....alguém ajuda?
       
      Valew!
    • By Rafaelmcd
      Pessoal, eu tenho uma DIV, que por padrão ela vem com este css: 
      <div class="clickoff" style="pointer-events: none;">
      ......
      </div>
      Porém queria que, caso um determinado cookie exista, o style dessa div seja alterado para pointer-events: auto;
      Alguém teria uma dica de como poderia fazer isso? Se possível com PHP. 
       
    • By Alexandre Lex
      Boa tarde pessoal,
       
      Eu sou iniciante em programação PHP, e estou com dificuldades em entender um comportamento. Já dei uma pesquisada pelo fórum mas não encontrei um assunto semelhante. Estou desenvolvendo um projeto onde estou organizando as páginas em pastas separadas.
       
      Ilustração:
       
      -Root
       -css
           - config.css
       -img
           - imagem01.jpg
      - js
           - config.js
       -conteudo01
            - pagina01.php
       -conteudo02
      footer.php
      header.php
      index.php
       
      O que ocorre é que dentro da pasta conteudo01, dentro do arquivo pagina01.php eu uso a função include_once para chamar as páginas principais do root normalmente. Até ai tudo bem, o problema é que o servidor não está carregando os conteudos das demais pastas. Já fiz de tudo e um pouco até o presente momento dentro dos limites do meu conhecimento, mas sem sucesso. Gostaria da ajuda dos senhores para a resolução do meu problema. Sou grato desde já.
       
      Atenciosamente,
       
      Alexandre Figueiredo
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.