Print-CSS

[Dirk Paschel]

Hallo!

Ich habe mit

<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_0b89152dce.css">
 <link rel="stylesheet" type="text/css"
href="fileadmin/vorlage/template.css" title="MONITOR">
 <link rel="stylesheet" type="text/css" href="fileadmin/vorlage/print.css"
title="PRINT" media="print">

ein Print-css eingefügt.

in template.css steht:
#content {
position:absolute;
top:75px;
left:185px;
width:720px;
height:465px;
font-size: 12px;
overflow: auto;
padding:10px;
border-top: 1px;
border-top-style: solid;
border-top-color: #ff0000;
border-top-spacing: 1px;
border-bottom: 1px;
border-bottom-style: solid;
border-bottom-color: #ff0000;
border-bottom-spacing: 1px;
background-color:#040059;
}

In print.css steht

#content {
top:5px;
left:5px;
width:550px;
position:absolute;
font-size: 10px;
color:#000000;
}

Trotzdem wird in der Druckvorschau der content-Container nach 465px beendet. Ggf taucht dort sogar ein Scrollbalken auf.

Füge ich dem print.css völlig irre

height:5000px;

hinzu, ist der Scrollbalken weg, der Druck liefert aber auch mehrere leere Seite.

Ich habe das Problem jetzt zum erstenmal, sonst hat das immer geklappt.

Für jeden Tipp dankbar!

[Sven Rautenberg]

Moin!

Trotzdem wird in der Druckvorschau der content-Container nach 465px beendet. Ggf taucht dort sogar ein Scrollbalken auf.

Logisch. Beide CSS-Dateien gelten, weil die eine immer, die andere nur für die Druckausgabe gilt. Wenn nur eine Datei eine Angabe zu einer CSS-Eigenschaft macht (hier: height), dann gilt diese Angabe - auch im Druck. Es ist nicht so, dass das Druckstylesheet nochmal komplett bei Null anfängt, wenn du das nicht so definierst.

Füge ich dem print.css völlig irre

height:5000px;

hinzu, ist der Scrollbalken weg, der Druck liefert aber auch mehrere leere Seite.

Standardwert für height ist auto.

Ich habe das Problem jetzt zum erstenmal, sonst hat das immer geklappt.

Dann hast du das Druckstylesheet immer nach dem allgemeinen Stylesheet eingebunden und darin immer _allen_ Eigenschaften nochmal neue Werte zugewiesen.

- Sven Rautenberg

[Dirk Paschel]

Danke mit
height:auto;
klappt es!

Und richtig:
Ich hatte sonst immer
 <link rel="stylesheet" type="text/css" href="fileadmin/bund/css/screen.css" title="MONITOR" media="screen,projection" />
 <link rel="stylesheet" type="text/css" href="fileadmin/bund/css/print.css" title="PRINT" media="print" />

geschrieben!