Zum Inhalt springen

Seitenumbruch mit CSS


ossi

Empfohlene Beiträge

habe ne recht lange Seite, die zwei Tabellen enthält.

Die erste ist für den Seitenkopf zuständig (hier eigentlich nicht von belang), die zweite (drei Spalten breit)stellt mir Inhalte dar, die aus einer DB-Query gefüllt werden. Die zweite Tabelle wird dabei nach bedarf nach unten erweitert, leere Felder automatisch mit einem   versehen.

Diese Seite soll unbedingt ordentlich druckbar sein.

Seite ist von Format her folgendermaßen aufgebaut:

Tabelle 1

...

<table ...>

<tr>

<td>Inhalt</td>

<td>Inhalt</td>

<td>Inhalt</td>

</tr>

<tr>

<td colspan="3"><hr noshade width="100%"></td>

</tr>

<tr>

<td>Inhalt</td>

<td>Inhalt</td>

<td>Inhalt</td>

</tr>

<tr>

<td colspan="3"><hr noshade width="100%"></td>

</tr>

<tr>

<td>Inhalt</td>

<td>Inhalt</td>

<td>Inhalt</td>

</tr>

<tr>

<td colspan="3"><hr noshade width="100%"></td>

</tr>

...

</table>

Die Inhalte kommen aus ner DB, die Zeile

<tr>

<td colspan="3"><hr noshade width="100%"></td>

</tr>

ist statisch drin und wird einfach nach jeder Inhaltszeile dazwischengebaut. Wie ich das nun mache ist egal (ist ColdFusion/cfml!).

Drucke ich jetzt diese Seiten macht er irgendwo den Seitenumbruch, so dass Inhalte, die zusammengehören, auf zwei Seiten dargestellt werden. Tabellenform bleibt ja erhalten, aber die Trennung der Inhalte geht mit auf den Sack.

Jetzt kann man mit Hilfe von CSS für den Internet Explorer ab Version 4 und Opera ab Version 5 folgendes einbauen, um einen Seitenumbruch zu erzwingen:

...

.pagebreak{

page-break-after : auto;

}

...

wie wende ich das Ding an (ich meine jetzt nicht class=...), sondern wo kommt das hin?

Kennt sich damit einer aus, bzw gibt es andere Möglichkeiten eine Seitenumbruch an einer bestimmten Stelle zum Drucken zu erzwingen?

Ich hoffe ich konnte mein Problem verständlich erklären.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...