zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Aktuelle Größe von Tabelle bekommen (dynamische Erzeugung der Tabelle)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.11.2014, 18:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.11.2014
Beiträge: 16
internet befindet sich auf einem aufstrebenden Ast
Standard Aktuelle Größe von Tabelle bekommen (dynamische Erzeugung der Tabelle)

Hallo zusammen,

ich schreibe derzeit ein Programm, das mir Artikelpositionen in einer Tabelle anlegt, was ich später als PDF generieren möchte.

Nun habe ich um die Tabelle ein <div>, das mir die Breite und Höhe der Tabelle festlegt.

Nun möchte ich folgendes realisieren:
Es soll nur solange Zeilen der Tabelle (<tr>) (=also meine Artikelpositionen) in meiner Schleife angelegt werden, bis die die Höhe des <div> erreicht ist.
Danach soll eine neue PDF Seite generiert werden mit einer neuen Tabelle.

Also sprich was ich brauche ist pro Schleifendurchlauf eine Abfrage, ob die Höhe des <div> erreicht wurde

Wenn
ja: neue PDF Seite generieren mit neuer Tabelle
nein: nächste Zeile erstellen

Wie kann ich das realisieren. Gibt es irgendwie ein Flag, das mir die aktuelle Höhe der Tabelle zurückgibt?

Ich danke Euch für jede Hilfe
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.12.2014, 10:42
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.107
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Du möchtest damit immer noch eine Pixelgenaue Ausgabe auf einem Ausdruck realisieren?
Warum verwendest du nicht einfach Druck-CSS dafür, du kannst auch angeben, dass der Header der Tabelle auf jeder Seite ausgedruckt werden soll. So, wie du an die Sache rangehst, ist es der falsche Weg. Aber das wurde dir ja schon in den anderen Threads gesagt.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 01.12.2014, 10:44
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.955
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Soweit ich das verstehe, will er ein PDF erzeugen. Dann ist er aber mit seiner Frage hier an der falschen Stelle.
Mit Zitat antworten
  #4 (permalink)  
Alt 01.12.2014, 12:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.107
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Ich kann auch nicht hellsehen, aber wenn man sich seine letzten (einzigen) Fragen ansieht, dann erkennt man doch ein Muster: Wie rechne ich px in mm um, wie kann ich eine A4-Seite in HTML nachbauen... Er möchte wohl eine HTML-Seite ausdrucken, bzw. in ein pdf-verwandeln und dabei soll wohl alles auf den Pixel genau sitzen. (Das ist alles nur spekulation meinerseits)
Wenn er die Seite als HTML hat, erschließt sich mir nicht, wieso er sie nochmal in ein pdf konvertieren will. Entweder, er erstellt gleich ein pdf, oder er lässt den druck vom HTML ordentlich mittels eines print.css realisieren. Eine erneute "Umwandlung" kann nur schlechte Resultate bringen. Soweit aber nur meine Spekulationen, was er wirklich machen möchte, weiß ich natürlich nicht.
Mit Zitat antworten
  #5 (permalink)  
Alt 01.12.2014, 20:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.11.2014
Beiträge: 16
internet befindet sich auf einem aufstrebenden Ast
Standard

Hallo zusammen,

zunächst vielen Dank für Eure Antworten.
Anbei schildere ich mein Vorhaben:

Ziel ist es Angebote, Rechnungen bzw. allgemein Dokumente erstellen zu können.

1) Ich habe eine HTML-Seite mit JavaScript, die mir als Vorlageneditor dient. Also quasi so etwas wie Microsoft Word, in dem ich Linien, Texte etc. erstelle. Diese erstellte Elemente (das Design der Seite) werden dann komplett als HTML gespeichert.

2) Diesen HTML Code verwende ich dann als mein Layout für mein Dokument.

3) Im dritten Schritten erstelle ich dann dynamisch mein PDF-Dokument. Hierzu nutze ich wie gesagt den produzierten HTML Code für das Layout. Den Inhalt (wie Firmenname etc.) kommt dann direkt aus einer Datenbank und wird dem bestehenden HTML Code entsprechend hinzugefügt.
Danach habe ich also einen kompletten HTML Code, der mir eine Rechnung oder Angebot anzeigt.

4) Diesen generierten HTML Code transferiere ich dann wiederum in ein PDF Dokument

=> Diesen Schritte 1-4funktionieren auch bereits.


Folgendes Problem besteht:
Ich habe in dem Dokument auch eine Postentabelle. Also eine Tabelle, das meine enthaltenen Produkte mit Preis, Menge etc. anzeigt. Diese Tabelle wird ebenfalls dynamisch generiert. Allerdings ist die Größe immer unterschiedlich pro Dokument - je nach Anzahl an Positionen.

Das Problem das ich nun habe ist, dass wenn die Tabelle z.B. 20 Positionen enthält, dass mein Footer (Firmeninformationen) durch diese Tabelle überschrieben wird.
Die Lösung soll sein, dass die Zeilen der Tabelle nur solange erstellt werden, bis der Footer kommt. Danach wird die Tabelle auf einer neuen Seite fortgesetzt.

Also um das sich etwas bildlich vorzustellen:
Ich habe folgende Dokument Sektionen:

1. Header = (Kunde, Logo etc.)
2. Body = Meine Tabelle, die die Artikel mit Preis, Menge etc. im Angebot oder Rechnung enthält
3. Footer = Firmenname, Kontoverbindung etc.

Header und Footer sind von der Größe eigentlich immer statisch. Nur der Body kann sich von der Größe aufgrund der Anzahl an Positionen ändern.
Was ich also benötige ist, dass der Body zum Beispiel nur 20cm hoch sein darf. Wird diese Größe der Tabelle bzw. Zeilen der Tabelle überschritten, dann soll die Tabelle auf der nächsten Seite fortgeführt werden.

5) Im fünften Schritt soll es dann so sein, dass die zweite Seite ein anderes Layout hat. Da ich zum Beispiel auf der zweiten Seite nicht nochmal ein Einleitungstext benötige. Aber ich denke das soll dann recht einfach realisiert werden. Im Besten Fall ändere ich einfach Höhe der CSS-Klassen der ersten Seite. Wichtig ist, dass ich erst mal das Prinzip verstehe wie ich das mit der dynamischen Tabelle (Fortführung auf Seite zwei) realisieren kann.


Wer kann mir dabei bitte helfen? Vielen Dank schon Mal.
Mit Zitat antworten
  #6 (permalink)  
Alt 01.12.2014, 22:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.11.2014
Beiträge: 16
internet befindet sich auf einem aufstrebenden Ast
Standard

Hier mal noch der HTML Code den ich bisher habe:
Was muss ich ändern, dass der Page break funktioniert?
Einfach den Code mal hierein kopieren: http://www.onlinehtmleditor.net/


HTML-Code:
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta><style>@media print{table { page-break-after:auto }tr    { page-break-inside:avoid; page-break-after:auto }td    { page-break-inside:avoid; page-break-after:auto }thead { display:table-header-group }tfoot { display:table-footer-group }}</style></head><body><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 52.0mm; left: 20.0mm; height: 5.0mm; width: 70.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Das ist ein Text</span></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 57.0mm; left: 20.0mm; height: 30.0mm; width: 60.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Das ist ein Test</span></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 100.0mm; left: 20.0mm; height: 7.0mm; width: 107.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Headline</span></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 110.0mm; left: 20.0mm; height: 20.0mm; width: 178.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Introduction Text</span></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 243.0mm; left: 20.0mm; height: 3.0mm; width: 170.0mm;"><hr style="margin-top: 2mm; margin-bottom: 0mm; width: 170.0mm; border-color:#000000; height: 1.0mm" /></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 247.0mm; left: 20.0mm; height: 30.0mm; width: 70.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Footer1</span></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 247.0mm; left: 120.0mm; height: 30.0mm; width: 70.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Footer2</span></div><div style="border-style: solid; border-width: 0.5mm; border-color: #000000; background-color: null; position: absolute; top: 10.0mm; left: 140.0mm; height: 40.0mm; width: 50.0mm;"><span style="font-size:11px; font-family:arial,helvetica,sans-serif">Logo</span></div><div style="position: absolute; top: 150.0mm; left: 20.0mm; height: 100.0mm; width: 170.0mm;"><table><tr><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #005fbf"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Position</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Artikelnr</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Beschreibung</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Menge</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Preis (Netto)</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Preis (Brutto)</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Gesamtsumme (Netto):</strong></span></div></td><td valign="middle" style="height: 5.0mm; width: 70.0mm; background-color: #none"><div style="text-align: center;"><span style="text-align: center; font-size:11px; font-family: arial,helvetica,sans-serif; color: #000000;"><strong>Gesamtpreis (Brutto)</strong></span></div></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">2</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">3</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">4</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">5</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">6</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">7</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">8</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">9</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">10</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">11</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">12</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">13</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">14</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">15</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">16</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">17</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">18</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">19</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">20</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">21</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">22</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">23</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">24</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">25</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr><tr><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">26</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif"></span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">1.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td><td style="background-color: #none"<span style="font-size:11px; font-family:arial,helvetica,sans-serif">0.0</span></td></tr></table></div></body></html>

Geändert von internet (01.12.2014 um 22:46 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 01.12.2014, 22:46
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.955
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Ich denke du willst ein PDF erstellen?
Insofern verstehe ich nicht, was du mit HTML/CSS willst?
Mit Zitat antworten
  #8 (permalink)  
Alt 01.12.2014, 22:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.11.2014
Beiträge: 16
internet befindet sich auf einem aufstrebenden Ast
Standard

Richtig, das möchte ich.

Wie oben schon beschrieben: das PDF erzeuge ich aus dem generierten HTML-Code.

Problem ist wie gesagt der Page break der Tabelle.

Hier die derzeitige Darstellung im PDF:

Geändert von internet (01.12.2014 um 23:19 Uhr)
Mit Zitat antworten
  #9 (permalink)  
Alt 01.12.2014, 23:17
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.955
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von internet Beitrag anzeigen
Wie oben schon beschrieben: das PDF erzeuge ich aus dem generierten HTML-Code.
Wie machst du das?
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 01.12.2014, 23:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.11.2014
Beiträge: 16
internet befindet sich auf einem aufstrebenden Ast
Standard

Ich übergebe den HTML Code an iText (Java Lib).

Aber das ist ja an der Stelle erst mal egal - es geht um den generierten HTML Code bzw. CSS.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Div als Ersatz für Tabelle für dynamische Daten? heohni CSS 6 07.03.2012 19:17
CSS Fehler! Dynamische größe lennartt4 CSS 5 22.05.2010 14:00
Mainbody in Tabelle - dynamische Größenanpassung hinkel11 CSS 0 05.03.2009 23:13
div soll größe von innerer tabelle anehmen pospiech CSS 4 13.12.2007 12:41
Fixe größe einer Tabelle Dennis88 CSS 1 24.01.2006 15:51


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:50 Uhr.