Seite verkleinern für Printausgabe?

[Hanuta-Mann]

Hi

Habe hier bei SelfHTML nachgeschaut, allerdings keine Lösung für mein Problem gefunden (oder halt nicht gut genug gesucht):

Ich habe eine Webseite erstellt mit einem Extra-Stylesheet für Printmedien. Bisher habe ich dafür nicht viel angepasst. Die Webseite enthält eine mehr oder weniger lange Tabelle, d.h. beim Ausdrucken werden je nachdem 2 oder mehr Seiten benötigt.

Ich möchte, dass diese Tabelle nur auf einer Seite gedruckt wird. Gibt es in CSS eine Angabe, eine Webseite auf eine Seite zu verkleinern (also Höhe & Breite proportional)? Ich weiss dass ich eine Höhe für die Tabelle angeben könnte, da diese sich jedoch je nachdem was drinsteht ändert, nützt mir das aber nicht viel.

Vielen Dank & Gruss
Hanuta-Mann

[Thomas Luethi]

Hallo,

Ich möchte, dass diese Tabelle nur auf einer Seite gedruckt wird. Gibt es in CSS eine Angabe, eine Webseite auf eine Seite zu verkleinern (also Höhe & Breite proportional)?

Die "Tabelle" oder "Seite" zu verkleinern, geht meist nicht, denn
die Dimensionen werden meist durch die Inhalte definiert.

Was hast Du denn fuer Inhalte?
Falls Text => Textgroesse etwas kleiner machen
  (aber nicht zu klein! Nicht jeder hat einen Laserdrucker und eine Lupe...)
Falls Bilder => Bilder mit CSS skalieren.

Viel Glueck

Thomas

[Jeena Paradies]

Hallo,

Falls Bilder => Bilder mit CSS skalieren.

Mensch das ist eine gute Idee, an die hatte ich gar nicht gedacht.

Grüße
Jeena Paradies

[Hanuta-Mann]

Falls Bilder => Bilder mit CSS skalieren.

Ok, die Schrift zu verkleinern hat schon einiges gebracht. Mit den Bildern habe ich allerdings noch Mühe:

img {
  width: 50%;
  height: 50%;
}

Obige CSS-Angaben lassen einige Bilder so erscheinen, dass sie in der Breite z.B. nur etwa 70% verkleinert werden, manchmal ist die Höhe gar nur etwa 20% und einige Bilder werden sogar doppelt so gross dargestellt (???).

Zu beachten ist, dass nicht alle Bilder in der Tabelle gleich gross sind und jeweils im img-Tag die Höhe und Breite in Pixeln definiert ist. Hat das einen (so schlechten) Einfluss auf die CSS-Angaben für Printmedien?

Gruss
Hanuta-Mann

[Thomas Luethi]

Hallo,

Falls Bilder => Bilder mit CSS skalieren.
Ok, die Schrift zu verkleinern hat schon einiges gebracht. Mit den Bildern habe ich allerdings noch Mühe:
img {  width: 50%;  height: 50%; }

Ich vermute, dass es so nicht klappt, weil die Browser es wie folgt verstehen:
Die Prozentangabe bezieht sich nicht auf die "physische Groesse" der Bilder,
sondern auf den Platz, der den Bildern zur Verfuegung steht.

Wieviele Bilder hast Du?

Eine Moeglichkeit waere, die Dimensionen _gar nicht_ in HTML anzugeben,
und stattdessen jedem Bild eine Klasse zu geben.
Bilder mit den gleichen Dimensionen erhalten die gleiche Klasse.

Beispiel fuer ein 400 x 300 Pixel grosses Bild:

HTML:
<img src="photo1.jpg" alt="..." class="photo400x300">

print.css - Druck-Stylesheet:
img.photo400x300 { width:200px; height:150px; }

screen.css - Screen-Stylesheet:
img.photo400x300 { width:400px; height:300px; }
(kann man auch weglassen, aber der Seitenaufbau wird etwas ruckelig...)

Probier's mal aus!

Viel Glueck + viele Gruesse,

Thomas