Seite verkleinern für Printausgabe?

[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