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.
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 :)