I've got a problem with using your tool because my page is shown in an totally different way I want it to be shown. The most important problem is that my two tables are not 100% in width.
Here's my view source in html:
<style type='text/css'>
page {
height:130%;
width:130%;
}
#links {
top: 12%;
left: 12%;
width: 34%;
height: 66%;
display:inline;
border:0.5px;
font-size:12px;
}
#mitte {
top: 12%;
left: 46%;
width: 8%;
height: 66%;
display:inline;
}
#rechts {
top: 12%;
right: 12%;
width: 34%;
height: 66%;
display:inline;
border:0.5px;
}
#unten {
bottom: 12%;
right: 12%;
left: 12%;
height: 10%;
width: 76%;
display:inline;
font-size:10px;
border:0.5px;
}
.deckel {
border-top-width:1px;
border-top-color:#081640;
border-top-style:solid;
}
#links tr {
height:3%;
width:100%;
}
#rechts tr {
height:3%;
width:100%;
}
.hell {
background-image:url(images/hell.png);
border-left-width:1px;
border-left-color:#081640;
border-right-width:1px;
border-right-color:#081640;
}
.dunkel {
background-image:url(images/dunkel.png);
border-left-width:1px;
border-left-color:#081640;
border-right-width:1px;
border-right-color:#081640;
}
td {
text-align:center;
}
table {
width:100%;
}
</style>
<page>
<div id='links'>
<table>
<tr text-align='center' >
<td class='hell' width=12%>11:30:00</td>
<td>Test 1 - Test 2</td>
<td class='hell' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='dunkel' width=12%>11:45:00</td>
<td>Test 5 - Test 3</td>
<td class='dunkel' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='hell' width=12%>12:00:00</td>
<td>Test 6 - Test 4</td>
<td class='hell' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='dunkel' width=12%>12:15:00</td>
<td>Test 3 - Test 1</td>
<td class='dunkel' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='hell' width=12%>12:30:00</td>
<td>Test 5 - Test 4</td>
<td class='hell' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='dunkel' width=12%>12:45:00</td>
<td>Test 2 - Test 6</td>
<td class='dunkel' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='hell' width=12%>13:00:00</td>
<td>Test 1 - Test 5</td>
<td class='hell' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='dunkel' width=12%>13:15:00</td>
<td>Test 4 - Test 2</td>
<td class='dunkel' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='hell' width=12%>13:30:00</td>
<td>Test 3 - Test 6</td>
<td class='hell' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='dunkel' width=12%>13:45:00</td>
<td>Test 1 - Test 4</td>
<td class='dunkel' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='hell' width=12%>14:00:00</td>
<td>Test 6 - Test 5</td>
<td class='hell' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='dunkel' width=12%>14:15:00</td>
<td>Test 3 - Test 2</td>
<td class='dunkel' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='hell' width=12%>14:30:00</td>
<td>Test 1 - Test 6</td>
<td class='hell' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='dunkel' width=12%>14:45:00</td>
<td>Test 5 - Test 2</td>
<td class='dunkel' width=12%> : </td>
</tr> <tr text-align='center' class='deckel' >
<td class='hell' width=12%>15:00:00</td>
<td>Test 4 - Test 3</td>
<td class='hell' width=12%> : </td>
</tr> </table><table><tr><td> <br /> </td></tr> <tr><td> <br /> </td></tr></table><table> <tr text-align='center'>
<td> </td>
<td class='hell' width=8%>Spiele</td>
<td class='hell' width=8%>pos. Einheiten</td>
<td class='hell' width=8%>neg. Einheiten</td>
<td class='hell' width=8%>Differenz</td>
<td class='hell' width=8%>Punkte</td>
</tr> <tr text-align='center' class='deckel'>
<td>Test 1 </td>
<td class='dunkel' width=8%> <br /></td>
<td class='dunkel' width=8%> <br /></td>
<td class='dunkel' width=8%> <br /></td>
<td class='dunkel' width=8%><br /> </td>
<td class='dunkel' width=8%> <br /></td>
</tr> <tr text-align='center' class='deckel'>
<td>Test 2 </td>
<td class='hell' width=8%> <br /></td>
<td class='hell' width=8%> <br /></td>
<td class='hell' width=8%> <br /></td>
<td class='hell' width=8%><br /> </td>
<td class='hell' width=8%> <br /></td>
</tr> <tr text-align='center' class='deckel'>
<td>Test 3 </td>
<td class='dunkel' width=8%> <br /></td>
<td class='dunkel' width=8%> <br /></td>
<td class='dunkel' width=8%> <br /></td>
<td class='dunkel' width=8%><br /> </td>
<td class='dunkel' width=8%> <br /></td>
</tr> <tr text-align='center' class='deckel'>
<td>Test 5 </td>
<td class='hell' width=8%> <br /></td>
<td class='hell' width=8%> <br /></td>
<td class='hell' width=8%> <br /></td>
<td class='hell' width=8%><br /> </td>
<td class='hell' width=8%> <br /></td>
</tr> <tr text-align='center' class='deckel'>
<td>Test 4 </td>
<td class='dunkel' width=8%> <br /></td>
<td class='dunkel' width=8%> <br /></td>
<td class='dunkel' width=8%> <br /></td>
<td class='dunkel' width=8%><br /> </td>
<td class='dunkel' width=8%> <br /></td>
</tr> <tr text-align='center' class='deckel'>
<td>Test 6 </td>
<td class='hell' width=8%> <br /></td>
<td class='hell' width=8%> <br /></td>
<td class='hell' width=8%> <br /></td>
<td class='hell' width=8%><br /> </td>
<td class='hell' width=8%> <br /></td>
</tr>
</table>
</div>
<div id='mitte'>
<br />
</div>
<div id='rechts'>
<table>
</table>
</div>
<div id='unten'>
<p align='center'>Da dieses Turnier mit der Hilfe von Tab-E.de erstellt wurde, haben Sie die Möglichkeit jederzeit den aktuellen Stand des Turnieres online abzurufen (sollte der Turnierleiter diese Funktion nutzen). Dies ist mit jedem Internetfäigem Gerät (wie z.B. einem Smartphone, einem Tablet-PC oder einem ganz normalen Computer) über den Browser möglich. Hierfür müssen Sie nur die Domain <b>www.tab-e.de</b> aufrufen und den unten aufgefürten Code in das Formularfeld eingeben (dieses finden Sie auf der mobilen Version direkt auf der Startseite, bei der Desktop-Version unter 'Altes Turnier verwalten').<br><br> Ihr Code: <b>z_4979259828</b></p>
</div>
</page>
And here is a screenshot of the page in html:
And here the most important parts of the pdf-File:
There's the problem ?