Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Seitenumbruch mit CSS

Empfohlene Antworten

Veröffentlicht

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.

Ahoi,

wenn ich es richtig verstanden habe, wird es an der Stelle eingesetzt an der der Seitenumbruch stattfunden soll.

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.