print.css anlegen für breite Tabelle im Querformat A4?

**Typogold** · 10.02.2012, 14:11

Hallo,

auf einer Site, die ich betreue wird eine Adressenliste als ein Artikelement gepflegt. Die Tabelle kann/soll direkt gedruckt oder als PDF gespeichert werden.

Die Tabelle ist aber deutlich breiter als hoch, daher müßte sie im QUERFORMAT A4 gedruckt werden, denn aktuell werden die einzelnen Tabellenzellen so unschön umgebrochen im Hochformat A4, man kann das Ergebnis nur als unlesbar bezeichnen!

Wie regel ich sowas? Kann ich da eine besonders definierte print.css anlegen? Wenn ja, was müßte die enthalten?

Danke Euch für Tipps
Typo

**Typogold** · 10.10.2012, 16:27

Zitat von Typogold

Hallo,

auf einer Site, die ich betreue wird eine Adressenliste als ein Artikelement gepflegt. Die Tabelle kann/soll direkt gedruckt oder als PDF gespeichert werden.

Die Tabelle ist aber deutlich breiter als hoch, daher müßte sie im QUERFORMAT A4 gedruckt werden, denn aktuell werden die einzelnen Tabellenzellen so unschön umgebrochen im Hochformat A4, man kann das Ergebnis nur als unlesbar bezeichnen!

Wie regel ich sowas? Kann ich da eine besonders definierte print.css anlegen? Wenn ja, was müßte die enthalten?

Danke Euch für Tipps
Typo

*PUSH*

**stefan-at-work** · 10.10.2012, 16:37

probiere mal:

Code:

@page { size:29.7cm 21.00cm; margin:2cm 2cm 2cm 2cm; }

wobei Du das margin nach eigenem Gusto anpassen kannst...

**Typogold** · 10.10.2012, 19:46

Zitat von stefan-at-work

probiere mal:

Code:

@page { size:29.7cm 21.00cm; margin:2cm 2cm 2cm 2cm; }

wobei Du das margin nach eigenem Gusto anpassen kannst...

Danke!

Wäre es auch möglich, das in eine externe CSS-Datei auszulagern (print.css)? Wenn ja, wie genau?

Gruß
Typo

**stefan-at-work** · 11.10.2012, 09:24

wenn Du das interne CSS-Framework nicht nutzen willst, kannst Du diese in tl_files packen und im Seitenlayout im Feld "Zusätzliche Head-Tags" einen Link auf Deine print.css setzen:

Code:

<link rel="stylesheet" type="text/css" href="tl_files/css/print.css" media="print" />

**Typogold** · 11.10.2012, 09:46

Zitat von stefan-at-work

wenn Du das interne CSS-Framework nicht nutzen willst, kannst Du diese in tl_files packen und im Seitenlayout im Feld "Zusätzliche Head-Tags" einen Link auf Deine print.css setzen:

Code:

<link rel="stylesheet" type="text/css" href="tl_files/css/print.css" media="print" />

Danke. Der Import der CSS-Datei hatte nämlich einen seltsamen Effekt:

Aus

Code:

@media print {

@page {
size:29.7cm 21.00cm; 
margin:2cm 2cm 2cm 2cm;
}

@page :first {
size:29.7cm 21.00cm; 
margin:2cm 2cm 2cm 2cm;
} 

}

hat mir Contao das hier gemacht beim Import:

Code:

    @media print
    {
        margin:2cm;
        @page { size:29.7cm 21.00cm;
    }

 
    @page :first
    {
        margin:2cm;
        size:29.7cm 21.00cm;
    }

   
    }
    {
    }

Ist denn von daher die externe Einbindung solch einer print.css „besser“?

Danke für Tipps hierzu
Typo

**planepix** · 11.10.2012, 09:49

Ich nutze da durchaus den internen CSS-Editor.
Neues CSS-Dokument -> Medientyp auf print gesetzt und dann alles eintragen was ich da haben möchte.

**Typogold** · 11.10.2012, 11:33

Hallo an alle Helfenden,

das Problem scheint sich nicht einfach lösen zu lassen …

Den Code habe ich jetzt nochmal sorgfältig überprüft. Dennoch wird mir die Seite in keinem Browser im Querformat ausgedruckt …
Das Problem an dieser speziellen Seite könnte vielleicht auch sein, dass es sich bei den Inhalten um eine Tabelle handelt?!

Egal, ich muss da jetzt wohl so akzeptieren oder ich erstelle von Hand ein Dokument aus der Seite, dass ich zum Download anbiete (wäre dann natürlich nicht dynamisch).

Any further ideas welcome …

Gruß
Typo

+++++++++++++

Das hier ist übrigens ein Screenshot der besagten Tabelle: #main = width:1500px;

adressliste_thumb.jpg