Jump to content


Photo

Fixar Rodapé No Final Da Página A Ser Impressa


  • Faça o login para participar
18 replies to this topic

#1 Merli

Merli

    Turista

  • Usuários
  • 47 posts
  • Sexo:Não informado
  • Localidade:Poços de Caldas/MG
  • Interesses:Computação em geral, Programação, banco de dados, redes...

Posted 25/07/2007, 11:12

Pessoal, estou fazendo uma página (relatório) que, por normas da empresa, ao ser impressa deve conter um rodapé com endereço, telefone, etc, ao final da mesma.

O problema é que não sei como fixar esse rodapé, por exemplo, a 10px acima do final da página. Já fiz um css exclusivo para impressão, mas agora não sei que propriedade que utilizo na classe .rodape para fazer o que quero.

Alguém pode me ajudar?

#2 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 25/07/2007, 11:20

Usando:
.rodape{
  position:absolute;
  bottom:-10px;
}

Não funciona ?!
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#3 Merli

Merli

    Turista

  • Usuários
  • 47 posts
  • Sexo:Não informado
  • Localidade:Poços de Caldas/MG
  • Interesses:Computação em geral, Programação, banco de dados, redes...

Posted 25/07/2007, 11:28

Funcionou! Na verdade jah tinha testado um tanto de coisa, inclusive essas 2 propriedades, mas acho q ainda não tinha testado as 2 juntas rs... Valeu

Só tem uma coisa: mesmo com o text-align: center, o rodapé não fica no centro da página totalmente. Tentei "empurrar" ele um pouquinho pro lado com o left, mas, não sei pq, estraga a página inteira.

Sabe q q pode ser?

#4 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 25/07/2007, 11:34

O rodapé todo ou só o texto dentro dele ?

Se for o rodapé todo tente com:

margin:0px auto;

Se bem que usando posição absolute eu acho que não vai funcionar, tem que pensar em outro esquema. Testa ae por favor antes de eu sair postando umas soluções paliativas.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#5 Merli

Merli

    Turista

  • Usuários
  • 47 posts
  • Sexo:Não informado
  • Localidade:Poços de Caldas/MG
  • Interesses:Computação em geral, Programação, banco de dados, redes...

Posted 25/07/2007, 11:39

Se entendi bem sua pergunta, só o texto dentro dele.
Mesmo assim, testei essa sua solução, mas realmente não fez diferença...

É por ser absolute que, se eu tentar jogar ele pro lado, a página inteira muda? Aqui no meu caso, se eu aplicar o left ou o margin-left no .rodape, o resto do texto da página fica menor!

#6 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 25/07/2007, 12:43

Posta um screenshot por favor.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#7 Merli

Merli

    Turista

  • Usuários
  • 47 posts
  • Sexo:Não informado
  • Localidade:Poços de Caldas/MG
  • Interesses:Computação em geral, Programação, banco de dados, redes...

Posted 25/07/2007, 13:16

http://www.comp.pucp...l550271561/css/

Aí estão os 2 arquivos: um em que o rodapé está com margin-left: 100px, e outro q está sem margin-left.

.rodape {
	font-size:10px;
	text-align:center;
	position:absolute;
	bottom:40px;
	/*margin-left:100px;*/
}

Edição feita por: Merli, 25/07/2007, 13:17.


#8 Raphaell

Raphaell

    Normal

  • Usuários
  • 80 posts
  • Sexo:Masculino
  • Localidade:Recife/PE
  • Interesses:Tableless, CSS, XHTML, Flash, ActionScript, Photoshop, Fireworks, Teoria das cores, Webdesign.

Posted 26/07/2007, 11:41

Acessa aí:

http://w3css.blogspo...a-imprimir.html

Abraço !
Raphael Taveira Webdesigner
Avaliação (x)HTML, CSS & Visual.
Ocupado com projeto !!!
"Minhas seções": CSS & Semântica(Tableless)

Contato: raphaelstrous@yahoo.com.br

#9 Merli

Merli

    Turista

  • Usuários
  • 47 posts
  • Sexo:Não informado
  • Localidade:Poços de Caldas/MG
  • Interesses:Computação em geral, Programação, banco de dados, redes...

Posted 26/07/2007, 11:47

Então cara, eu na verdade já tenho um CSS específico para impressão, o problema é só o rodapé ficar do jeito que eu quero, ou seja, no final da página e no centro, sem distorcer o resto da página como está acontecendo.

#10 Raphaell

Raphaell

    Normal

  • Usuários
  • 80 posts
  • Sexo:Masculino
  • Localidade:Recife/PE
  • Interesses:Tableless, CSS, XHTML, Flash, ActionScript, Photoshop, Fireworks, Teoria das cores, Webdesign.

Posted 26/07/2007, 11:53

Ué então deixe com o Margin-Left que fica perfeito.
Raphael Taveira Webdesigner
Avaliação (x)HTML, CSS & Visual.
Ocupado com projeto !!!
"Minhas seções": CSS & Semântica(Tableless)

Contato: raphaelstrous@yahoo.com.br

#11 Merli

Merli

    Turista

  • Usuários
  • 47 posts
  • Sexo:Não informado
  • Localidade:Poços de Caldas/MG
  • Interesses:Computação em geral, Programação, banco de dados, redes...

Posted 26/07/2007, 11:55

Não fica cara... olha as imagens que eu postei. Quando coloco o margin-left, o texto inteiro diminui de tamanho, não sei pq..

#12 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 26/07/2007, 13:29

Layouts para impressão você utiliza fonts em pontos, 12pt por exemplo. Procure no google por "css impressão klaus" ...

Klaus é o conselheiro do fórum, ele tem um blog com um artigo muito bom.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#13 Merli

Merli

    Turista

  • Usuários
  • 47 posts
  • Sexo:Não informado
  • Localidade:Poços de Caldas/MG
  • Interesses:Computação em geral, Programação, banco de dados, redes...

Posted 27/07/2007, 12:02

Ahh sim... agora deu tudo certo aki!
Valeu!

#14 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 21/09/2017, 00:45

Cialis Generico Sicuro cialis price Puedo Tomar Viagra Hipertension Tadacip 20 Canada Viagra Sus Consecuencias For Sale Provera Veraplex No Prescription Lasix Online generic cialis Usa No Prescription Generic Viagra
Amoxicillin Macaw Bacterial Infection cialis buy online Baclofene Drogue
Acheter Levitra Generique 20mg Viagra Por Internet Eeuu Priligy Pas Cher
What Is Cephalexin For <a href=http://cialtobuy.com>cialis</a> Levitra Per Tutta La Vita
Colchicine Buy In Canada viagra cialis Alternativa A Propecia Originale
Ebay Precio De La Ciales Buy Cialis Europe
Amoxicillin Clavum <a href=http://cialtobuy.com>generic cialis</a> European Generic Cialis
Comprar Remedio Levitra cialis buy online Baclofene Mal De Tete
Cheap Xenical Online Australia Priligy Venta En Ecuador
Solodyn Cephalexin Interaction Problems <a href=http://cialtobuy.com>cialis</a> Tetracycline Vendors

#15 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 29/09/2017, 01:02

Viagra Originale O Generico Purchasing isotretinoin skin health medication cialis Kamagra Prezzi Cialis Levitra
Bronchial Infection Amoxicillin online pharmacy Side Effects Log Term Amoxicillin Priligy Sales
Cialis Generika Kaufen Deutschland cialis Amoxicillin Allergy Duration
Propecia Contraindications Docusate Sodium Acheter Cialis 20mg cialis buy online Celebrex Mail Order Propecia Work Long Term Priligy Usa Vente
Zithromax Asthma Amoxil Dose Calculator buy cialis Propecia How To Take
Tadalis Sx Soft Experience cialis Clomid Acupuncture Get Pregnant




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq