[CSS] Drucker Style Definieren

[pate33]

Hi,

ich hab zwar bei selfhtml schon das mit media:print gelesen, jedoch bekomm ich das bei mir nich hin... ich moechte verschiedene seiten (mit tabellen) anders ausgedruckt haben, als auf dem bildschirm zu sehen ist (z.b. sieht man auf dem bildschirm nur duenne raender... diese sollen etwas dicker sein, auf dem ausdruck) ..

wie bekomm ich das hin?!

[sami]

es gibt glaub leider kaum ein browser, der die css zum druck definieren richtig oder überhaupt interpretiert :(
obwohl diese im css2 standard drin wären.
bei selfhtml siehst übrigens bei jedem befehl, ob und ab welcher version ihn netscape und ie kennen (das bild oben links, da wo bei den print css überall nur das css2 bild ist)

[pate33]

wie ist das denn dan auf den meisten php seiten realisiert? die machen ein neues fenster auf, mit druckerfreundlichem html... wie geht das?

[sami]

da wird halt einfach per php ne html-seite generiert, die gut druckbar ist. der inhalt kommt dann wohl aus ner db oder aus text files. und per php wird dann einfach entweder das "schöne" oder das druckbare layout ausgegeben.

[Nev]

Hi @ll

wichtig ist das die Seite ned in Frames (cols) dargestellt ist, damit die Seite ned beschnitten ist.

Es kann auch passieren, das die Seite ned ganz gedruckt wird, wenn die Auflösung zu hoch ist.
Das besste du öffnest eine neue Seite mit einer bestimmten Breite.

CODE zum aufruf:

<input type=&quot;button&quot; name=&quot;action&quot; value=&quot;Drucken&quot; onClick=&quot;javascript:

var options = &acute;fullscreen:yes; directories:no; dialogHeight:600px; dialogWidth=800px&acute;+

&acute;; location:no; menubar:no; resizeable:no; scrollbars:no&acute;+

&acute;; status:no; titlebar:no; toolbar:no; dependent:yes&acute;;

var erg=window.showModalDialog(&acute;URL&acute;,
&acute;TITLE&acute;, options, true);
>

in der letzten Zeile steht:
URL = Ist für die Seite
TITLE = für den Titel der Seite

Das wäre nun mal was für den Preview

--------------------
Ich habe mich etwas mit dem CSS2 beschäftigt

Erfahrung: es funkt kaum was ;-(

Was gut funkt ist der vordefinierte Seitenwechsel:
<tr style=&acute;page-break-before:always&acute;>
DEFINITION SELF-Html: page-break-before (http://selfhtml.teamone.de/css/eigenschaften/printlayouts.htm#page_break_before)

Wie ihr in dem Beispiel sehen könnt, ist es sehr sinnvoll mit TABLES zu arbeiten, wegen der Formatierung.

Habe diesen &acute;page-break-before:always&acute; mit einem Header verbunden.
Das heißt:
Jedes mal wenn ich einen Pageumbruch haben will, gebe ich die Tabellenüberschrift gleich danach.