search

patrickroux / dompdf

Automatically exported from code.google.com/p/dompdf
0 stars 0 forks source link

position: relative; does not work on neither inline nor inline-block elements. #510

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?

Create a document with inline or inline-block element with position: relative 
and offset set. 

What is the expected output? What do you see instead?

The element is rendered same way as if it would have position: static.
I expect the element to be moved by top: ?px; and/or left: ?px;

What version of dompdf are you using? What version of PHP? On what
operating system?

dompdf 0.6.0 beta3. 
#php --version
PHP 5.3.3-7+squeeze13 with Suhosin-Patch (cli) (built: Jun 10 2012 09:35:18)
#uname -a
Linux devil 2.6.26-2-xen-amd64 #1 SMP Mon Mar 5 00:38:41 UTC 2012 x86_64 
GNU/Linux

Please provide the HTML source code you want to convert, or any additional
information.

A reduced example:

<!DOCTYPE html>
<html lang="pl">
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=ISO-8859-2">
        <title>Title</title>
        <style type="text/css">
            html {
                font-family: "DejaVu Serif", serif; 
                font-size: 10pt;
                line-height: 12pt;
            }

            .date_and_place {                
                text-align: right;
            }

            .dotted_line {                
                display: inline-block;   
                border-top: dotted 1pt black;
                text-align: center;
                width: 3cm;                
                font-size: 6pt;
                line-height: 6pt;
                color: gray;
                font-family: "DejaVu Sans", sans;
                position: relative;
                top: 1em;
            }

            .stamp.placeholder {
                width: 7cm;
                height: 4cm;
                text-align:  center;
            }

            .stamp.box {
                height: 3cm;
                border-bottom: dotted 1pt black;
                margin-bottom: 1pt;
            }

            p {
                text-align: justify;
            }
        </style>
    </head>
<body>
    <div class="date_and_place"> 
       <span class="dotted_line">city</span>, dnia <span class="dotted_line">date</span>

    </div>
    <div class="stamp placeholder">
        <div class="stamp box"></div>
        company stamp
    </div>

    <h1 style="" >A Title</h1>

    <p>Some text some text some text Some text some text some text Some text some text some text
    </p>

    <p>Some text some text some text Some text some text some text... and a place to put 
some data
<span class="dotted_line" style="width: 4cm;">fill this gap please</span>
    </p>
    <p>Some text some text some text Some text some text some text Some text some text some text
    </p>

</body>
</html>

Original issue reported on code.google.com by wilkola...@gmail.com on 2 Jul 2012 at 7:32

GoogleCodeExporter commented 9 years ago

Original comment by eclecticgeek on 3 Jul 2012 at 1:21

GoogleCodeExporter commented 9 years ago

Original comment by eclecticgeek on 24 May 2013 at 3:00