Giriş yap
Kayıt yazdırırken Her Sayfaya Header ve Footer Nasıl Eklenir? Printing Sorunu

Merhaba,

Çalıştığım şirkette Web üzerinde bir proje geliştiriyoruz. Bir bölümde kullanıcının fatura ve detaylarını bastırmamız gerekiyor.

Normal olarak Chrome'un Print fonksiyonunu kullanıyorum. Tek sayfa çıktı olduğunda sorun yok. Her şey mükemmel fakat birden fazla sayfa olduğu zaman Faturamın başlığı en üst sayfada kalıyor.

Bunu her sayfaya nasıl yayabilirim. Yani kısacası her sayfa için Header ve Footer nasıl ekleyebilirim?

Teşekkür ederim.

tayfunerbilen
79 gün önce

Bence en kolay şöyle olur, header ve footer divlerini fixed olarak eklemek. Örnek vermek gerekirse;

<header class="header">
    Header
</header>

<main class="contaner">
    .. içeriğin ..
</main>

<footer class="footer">
    Footer
</footer>

Tabi burada header ve footer'ı sadece yazdırma yaparken görmek için şöyle bir CSS gerekir;

.header, .footer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    display: none;
}
.footer {
    top: auto;
    bottom: 0;
}
@media print {
    .header, .footer {
        display: block;
    }
    .container {
        padding: 100px 0;
    }
}

İşine yarar diye tahmin ediyorum :D En kötü ihtimalle tüm ihtimaller burada açıklanmış ufak bir gezinti işini görecektir :)

Nasıl akıllıca soru sorulur?
Daha hızlı ve kaliteli cevaplar almak için önce nasıl soru sorulacağını bilmeniz gerekir. Eğer bilmiyorsanız bu yazı serisini okuyun.

Cevap yaz