Hallo allerseits!

Hat jemand schon mal das Problem gehabt, dass bei einer durchweg mit CSS gestalteten Seite nicht der gesamte Inhalt, sondern immer nur eine Seite ausgedruckt wird?

Zuerst dachte ich ja, mit dem print.css stimmt was nicht - also hab ich's rausgenommen und siehe da: auch ohne print.css wird nur eine Seite ausgedruckt.

Es muss irgendwie an der Verschachtelung der divs liegen ... Bin ratlos ...

Hat jemand eine Idee?

Viele Grüße aus München
Jörg

Hallo Jörg,

um welche Seite geht es denn?

Gruß Sabine

Hallo Sabine, danke der Nachfrage - aber die Seite liegt noch auf meinem Onboard-Apache, da kommt ihr nicht dran.

Aber getreu unserer Devise "hilfdirselbst" :-) habe ich die Lösung bzw. das Problem identifiziert:

Es lag wohl daran, dass wir die print.css zwar mit

Code

 media="print" 

gekennzeichnet hatten, die anderen Stylesheets aber nicht mit

Code

 media="screen" 

... Darüber hinaus waren die anderen noch durch

Code

@import url 

eingebunden.

Da könnte man zwar für die Mozillas und Opera auch den Mediatype angeben - aber Microsoft macht da mal wieder nicht mit.

Jetzt ist alles schön brav mit

Code

<link href=… rel=… type=… media=…> 

eingebunden und alles funktioniert.

Vielleicht kann dieses Posting hier ja eines Tages jemandem helfen - würde mich freuen.

Bis bald
Jörg

Hallo!
Danke für den Tipp, aber bei mir klappt es trotzdem nicht. (In Safari schon, da sind aber die Scrollbalken noch sichtbar. Firefox geht gar nicht. Da wird der Text einfach nach Ende der ersten Seite abgeschnitten und keine neue Seite erzeugt).
Ich habe einen container in dem ein div verschachtelt ist, dass den Text enthält.

Weiß da jemand an was das liegen könnte?!

So sieht print.css aus:


body {
color: black;

font: 12pt Helvetica, Verdana, sans serif;
line-height: 18pt;
font-weight: normal;
page-break-inside: auto;
}


#container {
width: 19cm;

background-color: #76CEF3;
text-align: left;
position: relative;
margin: 0 auto;
margin-top: 0px;
overflow: visible;
page-break-inside: auto;
}


#logo { display: none;

}


#navigation { display: none;

}



#inhalt { width: 13cm;
position-top: 0.5cm;
position: absolute;
margin-left: 1cm;
margin-right: 1cm;
overflow: visible;
page-break-inside: allow;
}


h1 { font: 12pt Helvetica, Verdana, sans serif;
line-height: 18pt;
font-weight: bold;
margin-bottom: 0px;
}


h2 { font: 12pt Helvetica, Verdana, sans serif;
line-height: 18pt;
font-weight: bold;
margin-bottom: 0px;
margin-top: 18px;
}


p { font: 12pt Helvetica, Verdana, sans serif;
line-height: 18pt;
margin-bottom: 0px;
margin-top: 0px;
}


#bild { display: none;

}


#inhalt a:link { color: black;
}


#inhalt a:visited { color: black;
}


#inhalt a:hover { color: white;
}


#navigation a:link { color: black;
text-decoration: none;
}


#navigation a:visited { color: black;
text-decoration: none;
}


#navigation a:hover { font-weight: bold;
}


li { margin: 0 0 18px 0;
list-style-type: none;
list-style-position: outside;
padding-right: 13px;
}


li.aktiv {
font-weight: bold;
padding-right: 0px;
}


.bold { font-weight: bold;
}


.backwards {
unicode-bidi:bidi-override;
direction: rtl;
}

Weiß niemand etwas darüber?

Hallo Matmax,

trenn das Dokument mal vom CSS und probiere noch mal, es auszudrucken.
Wenn das richtig funktioniert, dann geh durch dein CSS und "schalte es Zeile für Zeile frei"; du /*kommentierst es also ganz aus*/ und gibst dann Stück für Stück frei, um rauszufinden, an welcher Deklaration es scheitert ...

Viel Glück!
Jörg

Hallo matmax,

der Validator sagt dazu:

Fehler

* Zeile: 36 Kontext : #inhalt
Die Eigenschaft position-top existiert nicht : 0.5cm

* Zeile: 41 Kontext : #inhalt
allow ist kein page-break-inside-Wert : allow


page-break-inside wird wohl nur von Opera 5.12 unterstützt:
http://de.selfhtml.org/...tm#page_break_inside


Vielleicht wird es besser, wenn alle Angaben für page-break-inside entfernt werden.

Gruß Sabine

Hilfe!
ich kann das nicht!
Wenn ich Stück für Stück, screen.css in print.css umwandeln will,
macht jeder Browser etwas anderes.

Vielleicht fehlt mir Wissen dazu.
z. B. habe ich ein div "inhalt"), eine Box (die in in einen "container" geschachtelt ist), die im Browser mit overflow: auto; Scrollbalken erzeugt.

Beim Drucken, wird nun in Safari die Scrolleiste mitgedruckt und in Firefox einfach am Ende der Boxgröße angeschnitten.

Wie sage ich dem Drucker: "Nimm den Inhalt der Box und verteile ihn auf soviele Seiten, bis der gesamte Inhalt gedruckt ist"?!

Danke!

Lege zwei CSS-Dateien an.

eine für den Bildschirm (screen.css)
<link rel="stylesheet" type="text/css" href="screen.css" media="screen">

und eine für den Druck (print css)
<link rel="stylesheet" type="text/css" href="print.css" media="print">


In print.css entfernst Du aus den CSS-Angaben für #container
die Eigenschaft overflow:auto;

Fertig.

Danke für die Antwort!
Habe alles so gemacht. IE auf WIN und Safari auf MAC funktioniert. Firefox auf beiden Systemen nicht.
Es wir eine zweite Seite erzeugt, doch diese enthält nur den Dateinamen. Auf der ersten Seite wird der Text einfach abgeschnitten.

Firefox scheint ein Problem mit der print.css Datei zu haben. Wenn ich keine print.css Datei verwende, erzeugt er korrekt mehrere Seiten. Wenn ich den gleichen Inhalt von screen.css in print.css setze macht Firefox wieder nur eine Seite.

Übrigens habe ich die Web-Entwickler-Leiste bei Firefox installiert. Wenn ich dort Display CSS Print mache wird es korrekt angezeigt – naja, das Browserfenster hat nun mal kein Ende.

Hallo matmax,

leider kein Tipp - aber ein mitfühlender Schulterklopfer von mir ;)
Exakt das gleiche Phänomen hatte (und habe) ich auch.
"Schuld" ist m. E. - da bin ich mir sehr sicher - der äußere Container; den möchte FF partout nicht auf mehrere Seiten umbrechen.

Also: Umstellung auf Table-Design (kicher) oder eine Print-Version ohne Rahmen-DIV erstellen. Oder... keine Ahnung.

Bye, Tom

ich habe genau das von matmax beschriebene css-problem. konnte das jemand von euch mittlerweile sinnvoll lösen? mit sinnvoll denke ich nicht unbedingt an ein tabellen-layout :-)

danke im voraus!
jgygax