Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bobrinha

Tamanho não fica fixo ao imprimir depois de x paginas

Por , em Desenvolvimento frontend

Recommended Posts

Bobrinha    4

Bobrinha
Postado

Olá pessoal, eu fiz o css conforme segue abaixo, ele exibi 10 etiquetas para serem impressas em cada pagina, porem conforme o numero de paginas vai aumentando as bordas da ultima coluna vão sumindo ou seja o tamanho não fica fixo na tela :(

<head>
    <meta charset="UTF-8">
    <title>Imprimir</title>
</head>

<style>
    * {
    -webkit-box-sizing: border-box; /* Safari e Chrome */
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
    }
	body {
        margin: 0;
        padding: 0;
        color: #000;
        font: 12pt "Tahoma";
    }
    img{
        border: 0px;
    }
    .A4 {
        width: 210mm;
        margin: 0 auto;
    }
    .A4Corpo {
        margin: 0px;
    }
    .Etiqueta {
        padding: 9px;
        border: 1px #ccc solid;
        width: 47%;
        height: 215px;
        float: left;
        margin: 2px;
    }
    .Etiqueta p {
        top: 100px;
        margin: 0px;
        padding: 0px;
    }
    .Etiqueta address{
        margin-top: 5px;
    }
    .Etiqueta span {
        float: right;
        margin-right: 5px;
        margin-top: -20px;
    }
    .Selo {
        position: relative;
        top: 10px;
        float: right;
        width: 110px;
        height: 95px;
    }
</style>

<script>
    window.print();
</script>

<div class="A4">
    <div class="A4Corpo">
                                <div class="Etiqueta">
                                    <address>
                                        <p>Nome</p>
                                        <p>Endereço</p>
                                        <p>Bairro</p>
                                        <p>CEP</p>                               
                                        <span>Cidade - Estado</span>               
                                    </address>
                                    <div class="Selo"><img src="selo.jpg"></div>
                                </div>    
    </div>
</div>

GLUCfz.jpg

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito