CSS - Druckansicht

Die Ursache liegt in deinem HTML-Code, dass sie in der Druckansicht erst auf der zweiten Seite beginnt, und zum Ende hin gewisse Zeilen auch nicht erscheinen, genauer gesagt abgeschnitten werden, denn das Problem existiert auch ohne die CSS-Formatierung.

Wo genau, lässt sich bei so vielen Code-Zeilen leider schwer überschauen.

mfg Maik
 
Ja, das liegt auch garantiert an einer der Zeilen. Musste gerade mein "Projekt" vorstellen und da war das Problem mit dem Drucken zentral...sollte das so schnell wie möglich beheben. Wenn ich mich recht erinnere kann man anweisen einen Seitenumbruch nach einem bestimmten Tag zu erzeugen...macht es Sinn, wenn es innerhalb der Tabelle ist?
 
Der erforderliche Seitenumbruch innerhalb der Tabelle sollte eigentlich von selbst ablaufen, wie es dieses "heruntergebrochene" Beispiel anhand der zweiten Tabelle #table2 demonstriert:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="author" content="Maik" />
<meta name="date" content="2010-04-15" />

<title>tutorials.de | CSS - Druckansicht</title>

<style type="text/css">
/* <![CDATA[ */
table { border-spacing:.5em; table-layout:fixed; }
table,th,td { border:thin solid #ccc; }
#table1,#table2 { width:100%; margin-top:2em; }
#table1 { height:22em; }
td { height:2.4em; }
/* ]]> */
</style>

</head>
<body>

<table id="table1">
<tr>
 <td>#</td>
 <td>foo</td>
 <td>bar</td>
</tr>
</table>

<table id="table2">
<tr>
 <td>1</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>2</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>3</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>4</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>5</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>6</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>7</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>8</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>9</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>10</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>11</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>12</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>13</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>14</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>15</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>16</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>17</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>18</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>19</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>20</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>21</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>22</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>23</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>24</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>25</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>26</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>27</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>28</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>29</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>30</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>31</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>32</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>33</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>34</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>35</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>36</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>37</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>38</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>39</td>
 <td>foo</td>
 <td>bar</td>
</tr>
<tr>
 <td>40</td>
 <td>foo</td>
 <td>bar</td>
</tr>
</table>

</body>
</html>


Wenn du die Tabellenzeile festlegen willst, nach der beim Ausdruck ein Seitenumbruch erfolgen soll:
HTML: 
<tr style="page-break-after:always;">
oder page-break-before für den Seitenumbruch vor einem Element ;)

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück