Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

HTML & CSS yardım

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
2
Cevap
0
Favori
431
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • Aşağıda verdiğim gibi HTML ve CSS kodu yazdım. amacım sayfayı açtığımda herşey istediğim gibi görünüyor ama sayfadan yazıcıdan çıktı aldığım zaman en sonda belirtiğim print-footer div kutusunun sadece son sayfada en altta görünmesini istiyorum ama orta kısımdaki metin bir kaç sayfa olduğunda her sayfanın solunda yazının üzerinde sabit duruyor yada yazı hemen bitti yerden başlıyor. yardım edebilecek varsa çok sevinirim, teşekkürler

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <style type="text/css" media="screen">
    #print-footer {
    display: block;
    }
    </style>
    <style type="text/css" media="print">
    #print-footer {
    display: block;
    position: fixed;
    bottom: 0;
    left:0;
    }
    h1 {
    page-break-after:always;/* for testing only*/
    }

    body {padding-bottom:50px}/* attempt to preserve space at bottom so content doesn't over-ride the footer */

    </style>
    </head>
    <body>
    <div id="karar-sayisi" align="center" style="margin:10px; padding:10px">
    <p>KARAR SAYISI: H(K-I)1-2017</p>
    </div>
    <div id="karar-baslik" align="center" style="margin:10px; padding:10px">
    <p>DENEME</p>
    </div>
    <div id="önerge-sayisi" align="right" style="margin:10px; padding:10px">
    <p>(Önerge No:2517/2016)</p>
    <p>(İ.B.)</p>
    </div>
    <div id="karar" align="justify" style="margin:10px; padding:10px">

    Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz. Kökleri M.Ö. 45 tarihinden bu yana klasik Latin edebiyatına kadar uzanan 2000 yıllık bir geçmişi vardır. Virginia'daki Hampden-Sydney College'dan Latince profesörü Richard McClintock, bir Lorem Ipsum pasajında geçen ve anlaşılması en güç sözcüklerden biri olan 'consectetur' sözcüğünün klasik edebiyattaki örneklerini incelediğinde kesin bir kaynağa ulaşmıştır. Lorm Ipsum, Çiçero tarafından M.Ö. 45 tarihinde kaleme alınan "de Finibus Bonorum et Malorum" (İyi ve Kötünün Uç Sınırları) eserinin 1.10.32 ve 1.10.33 sayılı bölümlerinden gelmektedir. Bu kitap, ahlak kuramı üzerine bir tezdir ve Rönesans döneminde çok popüler olmuştur. Lorem Ipsum pasajının ilk satırı olan "Lorem ipsum dolor sit amet" 1.10.32 sayılı bölümdeki bir satırdan gelmektedir. Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz. Kökleri M.Ö. 45 tarihinden bu yana klasik Latin edebiyatına kadar uzanan 2000 yıllık bir geçmişi vardır. Virginia'daki Hampden-Sydney College'dan Latince profesörü Richard McClintock, bir Lorem Ipsum pasajında geçen ve anlaşılması en güç sözcüklerden biri olan 'consectetur' sözcüğünün klasik edebiyattaki örneklerini incelediğinde kesin bir kaynağa ulaşmıştır. Lorm Ipsum, Çiçero tarafından M.Ö. 45 tarihinde kaleme alınan "de Finibus Bonorum et Malorum" (İyi ve Kötünün Uç Sınırları) eserinin 1.10.32 ve 1.10.33 sayılı bölümlerinden gelmektedir. Bu kitap, ahlak kuramı üzerine bir tezdir ve Rönesans döneminde çok popüler olmuştur. Lorem Ipsum pasajının ilk satırı olan "Lorem ipsum dolor sit amet" 1.10.32 sayılı bölümdeki bir satırdan gelmektedir.


    </div>
    <div id="tarih" align="left" style="margin:10px; padding:10px">
    <p>3.1.2017</p>
    </div>
    <!-- <div id="dagitim" align="left" style="margin:10px; position:relative; bottom:0px;"> -->
    <div id="print-footer">
    <p><u>Dağıtım:</u></p>
    <p><u>Bilgi Gereği:</u></p>
    </div>
    </body>
    </html>







  • aşağıdaki kod bloğunda style bölümünü sildim sonuç yine aynı malesef

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    </head>
    <body>
    <div id="karar-sayisi" align="center" style="margin:10px; padding:10px">
    <p>KARAR SAYISI: H(K-I)1-2017</p>
    </div>
    <div id="karar-baslik" align="center" style="margin:10px; padding:10px">
    <p>DENEME</p>
    </div>
    <div id="önerge-sayisi" align="right" style="margin:10px; padding:10px">
    <p>(Önerge No:2517/2016)</p>
    <p>(İ.B.)</p>
    </div>
    <div id="karar" align="justify" style="margin:10px; padding:10px">
    <p>Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz. Kökleri M.Ö. 45 tarihinden bu yana klasik Latin edebiyatına kadar uzanan 2000 yıllık bir geçmişi vardır. Virginia'daki Hampden-Sydney College'dan Latince profesörü Richard McClintock, bir Lorem Ipsum pasajında geçen ve anlaşılması en güç sözcüklerden biri olan 'consectetur' sözcüğünün klasik edebiyattaki örneklerini incelediğinde kesin bir kaynağa ulaşmıştır. Lorm Ipsum, Çiçero tarafından M.Ö. 45 tarihinde kaleme alınan "de Finibus Bonorum et Malorum" (İyi ve Kötünün Uç Sınırları) eserinin 1.10.32 ve 1.10.33 sayılı bölümlerinden gelmektedir. Bu kitap, ahlak kuramı üzerine bir tezdir ve Rönesans döneminde çok popüler olmuştur. Lorem Ipsum pasajının ilk satırı olan "Lorem ipsum dolor sit amet" 1.10.32 sayılı bölümdeki bir satırdan gelmektedir. Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz. Kökleri M.Ö. 45 tarihinden bu yana klasik Latin edebiyatına kadar uzanan 2000 yıllık bir geçmişi vardır. Virginia'daki Hampden-Sydney College'dan Latince profesörü Richard McClintock, bir Lorem Ipsum pasajında geçen ve anlaşılması en güç sözcüklerden biri olan 'consectetur' sözcüğünün klasik edebiyattaki örneklerini incelediğinde kesin bir kaynağa ulaşmıştır. Lorm Ipsum, Çiçero tarafından M.Ö. 45 tarihinde kaleme alınan "de Finibus Bonorum et Malorum" (İyi ve Kötünün Uç Sınırları) eserinin 1.10.32 ve 1.10.33 sayılı bölümlerinden gelmektedir. Bu kitap, ahlak kuramı üzerine bir tezdir ve Rönesans döneminde çok popüler olmuştur. Lorem Ipsum pasajının ilk satırı olan "Lorem ipsum dolor sit amet" 1.10.32 sayılı bölümdeki bir satırdan gelmektedir.</p>
    </div>
    <div id="tarih" align="left" style="margin:10px; padding:10px">
    <p>3.1.2017</p>
    </div>
    <div id="dagitim" align="left" style="margin:10px; position:relative; bottom:0px;">
    <div id="print-footer">
    <p><u>Dağıtım:</u></p>
    <p><u>Bilgi Gereği:</u></p>
    </div>
    </body>
    </html>




    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz. DH’ye girerek kullanım izni vermiş sayılırsınız.
Anladım Veri Politikamız