Printable View
Ahoj,
mám pod sebou nějaký seznam faktur, který když tisknu tak se odděluje divem, kde je nastaveno zalomení stránky za ním... Potřebuji ale aby tento div byl umístěn na konci tištěné stránky. Nějak se mě to nedaří ho správně umístit na konec tištěné stránky. Určitě již někdo toto řešil a byl bych moc rád za radu. Děkuji
http://www.w3schools.com/cssref/pr_print_pageba.asp
... 20sec googlenia
Todle ale není ono... já nepotřebuji zalomit stránku, já potřebuji dát na konec stránky nějaký text a absolutním pozicováním to být nemůže.
Aha, chapem...
Tam ma napada iba zistit si pri nejakom nastaveni prehliadaca/tlace na nom na aku vysku mas jednu stranku,
zabalit potom to, co chces na strane do DIVu s danou fixnou vyskou a ten DIV, ktory chces mat na spodu pod neho s tym, ze donho zas das zalomenie z predosleho postu...
Popravde som sa nehral s optimalizaciou zobrazenia tlace (page # of # ... title, okraje, atd... ale minimalne firefox na to podla mna bude mat dake -moz- properties...)
[edit]
Teraz skusam a oramovanie mi zerie Firefox ked mu nastavim height: 100% aj pri tlaci - ak je stranka mensia ako A4, tak mi okraj natiahne na celu vysku A4ky...
... hm, ale zjavne to ide len na prvej stranke... takze neostava asi nic ine ako to vyssie spomenute - fixne odriadkovat/zistit aku vysku treba a tu tam narvat...
[edit 2]
Hm, tak ovplyvnit header/footer resp. jeho obsah sa neda... Rozmer da...
@page {
size: auto;
margin: 5mm;
}
[edit 3]
takto dako som to myslel a z toho, co som vycital (http://www.w3.org/TR/1998/REC-CSS2-19980512/page.html), to inak podla mna ani spravit nejde...
Kód:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>printing</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
html, body, hr {
padding: 0;
margin: 0;
background-color: #fff;
color: #000;
}
body {
font-family: Tahoma;
font-size: 11px;
}
.page_top {
border: 0 solid #fff;
border-width: 5mm 5mm 0;
height: 100px;
color: #000;
width: 200mm;
height: 267mm;
}
.page_bottom {
border: 0 solid #fff;
border-width: 0mm 5mm 5mm;
page-break-after: always;
width: 200mm;
height: 20mm;
}
.page_bottom_inside {
text-align: right;
}
@page
{
size: auto; /* auto is the initial value */
/* this affects the margin in the printer settings */
margin: 0mm;
}
</style>
</head>
<body>
<div class="page_top">
<div>Strana 1<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
blablabla<br />
</div>
</div>
<div class="page_bottom">
<div class="page_bottom_inside"><hr />
spodok</div>
</div>
<div class="page_top">
</div>
<div class="page_bottom">
</div>
</body>
</html>
Výborné, děkuji moc. To je to co jsem měl na mysli :-) Jdu to vyzkoušet a dám vědět.