Primer commit del sistema avantika sin cambios
This commit is contained in:
215
pdf/www/test/css_position_fixed.html
Executable file
215
pdf/www/test/css_position_fixed.html
Executable file
@@ -0,0 +1,215 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>Printed document</title>
|
||||
<style type="text/css">
|
||||
@page {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
margin-top: 3.5cm;
|
||||
margin-bottom: 1cm;
|
||||
margin-left: 3.5cm;
|
||||
font-family: sans-serif;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
div.header,
|
||||
div.footer {
|
||||
position: fixed;
|
||||
background: #ddd;
|
||||
width: 100%;
|
||||
border: 0px solid #888;
|
||||
overflow: hidden;
|
||||
padding: 0.1cm;
|
||||
}
|
||||
|
||||
div.leftpane {
|
||||
position: fixed;
|
||||
background: #ddd;
|
||||
width: 3cm;
|
||||
border-right: 1px solid #888;
|
||||
top: 0cm;
|
||||
left: 0cm;
|
||||
height: 30cm;
|
||||
}
|
||||
|
||||
div.header {
|
||||
top: 0cm;
|
||||
left: 0cm;
|
||||
border-bottom-width: 1px;
|
||||
height: 3cm;
|
||||
}
|
||||
|
||||
div.footer {
|
||||
bottom: 0cm;
|
||||
left: 0cm;
|
||||
border-top-width: 1px;
|
||||
height: 1cm;
|
||||
}
|
||||
|
||||
div.footer table {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
hr {
|
||||
page-break-after: always;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div style="text-align: right;">
|
||||
Header line 1<br/>
|
||||
Header line 2<br/>
|
||||
Header line 3<br/>
|
||||
Header line 4<br/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div style="text-align: right;">On line footer content aligned to the right. <a href="http://fr.selfhtml.org/css/proprietes/printlayouts.htm">More info on print layouts</a></div>
|
||||
</div>
|
||||
|
||||
<div class="leftpane">
|
||||
<div style="text-align: center;">
|
||||
<img src="images/dompdf_simple.png" width="80" style="margin: 1cm;" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Section 1</h2>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non
|
||||
risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec,
|
||||
ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula
|
||||
massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci
|
||||
nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit
|
||||
amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat
|
||||
in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero
|
||||
pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo
|
||||
in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue
|
||||
blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus
|
||||
et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed
|
||||
pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales
|
||||
hendrerit.</p>
|
||||
|
||||
<hr/>
|
||||
|
||||
<h2>Section 2</h2>
|
||||
|
||||
<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut
|
||||
orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius,
|
||||
ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus
|
||||
sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer
|
||||
id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae
|
||||
elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer
|
||||
adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et
|
||||
sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue
|
||||
eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non
|
||||
elementum posuere, metus purus iaculis lectus, et tristique ligula
|
||||
justo vitae magna.</p>
|
||||
|
||||
<hr/>
|
||||
|
||||
<h2>Section 3</h2>
|
||||
|
||||
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
||||
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
||||
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
||||
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
||||
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
||||
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
||||
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
||||
Curabitur eu amet.</p>
|
||||
|
||||
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
||||
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
||||
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
||||
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
||||
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
||||
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
||||
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
||||
Curabitur eu amet.</p>
|
||||
|
||||
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
||||
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
||||
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
||||
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
||||
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
||||
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
||||
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
||||
Curabitur eu amet.</p>
|
||||
|
||||
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
||||
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
||||
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
||||
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
||||
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
||||
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
||||
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
||||
Curabitur eu amet.</p>
|
||||
|
||||
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
||||
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
||||
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
||||
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
||||
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
||||
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
||||
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
||||
Curabitur eu amet.</p>
|
||||
|
||||
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
||||
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
||||
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
||||
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
||||
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
||||
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
||||
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
||||
Curabitur eu amet.</p>
|
||||
|
||||
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
||||
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
||||
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
||||
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
||||
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
||||
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
||||
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
||||
Curabitur eu amet.</p>
|
||||
|
||||
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
||||
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
||||
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
||||
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
||||
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
||||
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
||||
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
||||
Curabitur eu amet.</p>
|
||||
|
||||
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
||||
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
||||
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
||||
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
||||
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
||||
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
||||
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
||||
Curabitur eu amet.</p>
|
||||
|
||||
<p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at
|
||||
fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu
|
||||
lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod
|
||||
libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean
|
||||
suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla
|
||||
tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus,
|
||||
felis magna fermentum augue, et ultricies lacus lorem varius purus.
|
||||
Curabitur eu amet.</p>
|
||||
|
||||
</body></html>
|
||||
Reference in New Issue
Block a user