print css

[Michael]

Hallo Ihr,

habe folgendes Script auf meiner Druckseite

<style type="text/css">
@page
{
size:21cm 14cm;
margin-top:1cm;
margin-bottom:1cm;
margin-left:2cm;
margin-right:2cm
}
</style>
(aus selfhtml)
leider Gottes passiert überhaupt nichts. Ich habe oben, links,
rechts und unten ein breiten Streifen, denn ich weg haben will.
Kann mir jemand sagen, was ich falsch mache.
Danke micha.

[Rene Grassegger]

Hi Micha,

vielleicht weil es ein Befehl von CSS2 ist und die meisten Browser können das vielleicht nicht.

http://selfhtml.teamone.de/css/eigenschaften/printlayouts.htm#page

Vernünftiger wäre es ein 2. CSS zu bauen, das gezielt das "normale" CSS überschreibt und ev. verschiedene Formatierungen ausblendet.

z. B.

"normales" CSS

...

#navi {
margin: 0px;
padding-left: 15px;
border: 1px solid #f60;
...
}

"Druck CSS"

#navi {
display: none;
}

durch die Definition des Print CSS kann man sich eine schöne druckbare Seite bauen.

<style type="text/css">
@page
{
size:21cm 14cm;
margin-top:1cm;
margin-bottom:1cm;
margin-left:2cm;
margin-right:2cm
}
</style>

Grüsse Rene