Witam,
Mam problem z transformacją diva. Na stronie jest OK, ale gdy generuję pdf-a to jest przesunięcie (link do screena). Chodzi o zapis 01.10.2013 r. w pionie. Używam biblioteki dompdf.
Poniżej kod:
<!doctype html>
<html lang="pl">
<head>
<style>
#spis {
border-collapse: collapse;
margin: 0px;
background-color: #FFF;
font-family: DejaVu Sans;
}
#spis td {
border: 1px solid;
padding-left: 1px;
padding-right: 4px;
border-collapse: collapse;
font-size: 9pt;
font-weight: normal;
font-family: DejaVu Sans;
height: 17px;
background-color: #FFF;
}
#spis tr.spis {
height: 30px;
}
#spis td.nazwa {
width:69mm;
}
#spis td.jedn {
width:1mm;
text-align: center;
padding-left: 2px;
padding-right: 2px;
}
#spis td.lp {
width:0mm;
text-align: center;
padding-left: 5px;
padding-right: 1px;
}
#spis td.ozn {
width:0mm;
text-align: center;
}
#spis td.szer {
width:0mm;
text-align: center;
padding-left: 19px;
padding-right: 0px;
height: 65px;
}
span.prawy { float:right;
display: block;
width: 128px;
font-size: 8pt;
font-family: DejaVu Sans;
}
span.lewy { float:left;
display: inline-block;
width: 195px;
font-size: 8pt;
font-family: DejaVu Sans;
}
.tytul {
font-family: DejaVu Sans;
color: black;
font-size: 12pt;
font-weight: bold;
}
p {
line-height: 1.2PX;
margin: 0;
}
#kierunek {transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
width: 15px;
}
#spis td.szerrotate {
width:0mm;
text-align: center;
padding-left: 0px;
padding-right: 0px;
padding-right: 0px;
height: 65px;
vertical-align:top;
}
<div style="padding:0px">
</style>
<title class="spis">Spis sprzętu w pomieszczeniu</title>
</head>
<body class="spis">
<p style="font-family: DejaVu Sans"></p>
<div id="container">
<p style="font-family: DejaVu Sans"></p>
<span class="lewy"><center><b>CWT SP</b></center></span>
<span class="prawy"><center><b>4</b></center></span><br />
<span class="lewy">......................................................................
<br />(Nazwa użytkownika)</span>
<span class="prawy">..................................................<br />
(Numer budynku/kompleksu)<br /></span>
<br><br />
<br><br />
<span class="tytul"><center>SPIS SPRZĘTU W POMIESZCZENIU NR <?php echo "".$list[0]->nr_pomieszczenia.""?></center></span><br><br>
<center>
<table id="spis">
<?php
echo '<tr>';
echo '<td class="lp" rowspan="2"><center>Lp</center></td>';
echo '<td class="nazwa" rowspan="2"><center>Nazwa przedmiotu (wg katalogu)</center></td>';
echo '<td class="ozn" rowspan="2"><center>Oznaczenie katalogowe</center></td>';
echo '<td class="jedn" rowspan="2">Jedn. miary</td>';
echo '<td class="stan" colspan="8"><center>Stan w dniu</center></td>';
echo '</tr>';
echo '<tr>';
echo '<td class="szerrotate"><div id="kierunek">01.10.2013</div>
</td>';
echo '<td class="szer"</td>';
echo '<td class="szer"</td>';
echo '<td class="szer"</td>';
echo '<td class="szer"</td>';
echo '<td class="szer"</td>';
echo '<td class="szer"</td>';
echo '<td class="szer"</td>';
echo '</tr>';
01.10.2013
- jest przesunięcie w pdf-ie.
Moze ktoś jakiś pomysł?