nicht angemeldet
Firefox druckt nur 1 Seite Inhalt
Hallo
Bin in der Endphase eines Projekts und habe beim Erstellen des Drucklayouts mit Firefox ein Problem, bei dem ich nicht weiterkomme.
Hier mal zwei Links, um die es geht:
Kurze Seite: Drucklayout ok: http://tinyurl.com/2wquqqf
Lange Seite: Drucklayout ok: http://tinyurl.com/38zafy6
Das Problem taucht nur beim Drucken aus Firefox auf. Bei Seiteninhalten die länger als eine A4 Seite sind, wird der Header auf die erste Seite gedruckt, der Content aber erst auf der zweiten ausgegeben (allerdings nur soviel, wie auf einer Seite Platz hat) und auf der dritten Seite wird der Footer ausgegeben. Ich steh völlig auf dem Schlauch, wieso Firefox so reagiert und nicht die Inhalte fortlaufend von Seite 1 bis zum Ende auf so vielen Seiten druckt, wie Content vorhanden ist. Schaue ich die Layouts mithilfe der Web Developper Tools in Firefox an, schaut auch das Printlayout auf dem Bildschirm korrekt aus. Nun habe ich ein paar andere Seiten angeschaut und festgestellt, dass auch dort einzelne Seiten ein seltsames Verhalten an den Tag legen und gewisse Bereiche auf frischen Seiten gedruckt werden, als gäbe es eine Funktion für einen neuen Seitenanfang, Seitenumbruch oder ähnliches.
Kann mir da jemand weiterhelfen oder einen Tipp geben, wo ich hier mit der Problemsuche anfangen soll, oder woher dieses Verhalten kommt?
Die Print.css Datei hebt diverse Layoutfunktionen der Standard CSS Datei auf und blendet verschiedene unnötige Bereiche aus.
Herzlichen Dank
Pierre
-
Habe noch ein saubereres Müstercher erstellt, wo sich die beiden Seiten nur durch die Textlänge unterscheiden. Ist vielleicht einfacher zum analysieren.
Kurze Seite: Druck ok: http://tinyurl.com/2vpb9xf
Lange Seite: Druck nicht ok: http://tinyurl.com/34ule5gAch, und vor lauter Aufregung habe ich im ursprünglichen Post noch bei der zweiten URL geschrieben, dass dort das Layout ok ist, was natürlich nicht so ist... ;-) sorry.
-
Habe noch ein saubereres Müstercher erstellt, wo sich die beiden Seiten nur durch die Textlänge unterscheiden. Ist vielleicht einfacher zum analysieren.
Kurze Seite: Druck ok: http://tinyurl.com/2vpb9xf
Lange Seite: Druck nicht ok: http://tinyurl.com/34ule5gAch, und vor lauter Aufregung habe ich im ursprünglichen Post noch bei der zweiten URL geschrieben, dass dort das Layout ok ist, was natürlich nicht so ist... ;-) sorry.
Dein Problem versteckt sich darin:
#container {
position: absolute;
width: 100%;
min-width: 1024px;
min-height: 100%;
}Tipp: Es ist nicht unbedingt gut, mit media="all" zu arbeiten, um dann in 20 CSS-Files zu suchen, welche Regeln man jetzt mit media="screen" überschreiben muss.
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische-
Hallo Beat
Danke für dein Feedback. Die Definitionen fürs #container Div habe ich in der print CSS aber bereits überschrieben. Habe inzwischen in der Druck-CSS alles was sich ausblenden lässt weggelassen und habe immer noch dasselbe Problem.
Print-CSS:
#container {
position: static;
min-width: inherit;
min-height: inherit;
width: 660px;
}Mit den CSS Vorgaben geht Drupal welches dieser Site zugrunde liegt so um. Denke aber, dass das schon der rechte Weg ist, da ich in diesem Fall ja in der Regel nur einzelne Elemente ausblenden muss. Ansonsten schreib ich ja für die Druck-CSS nochmal ein komplettes CSS mit allen Definitionen. Auf diese Weise kann ich nur einzelne Elemente neu definieren, ausblenden oder einfach ausblenden.
-
Umpf...
Fehler gefunden... Es lag an overflow:hidden, welches hier die unsäglichen Umbrüche und den nur einseitigen Content erzeugt hat. Hmmm... versteh noch nicht wirklich wieso da FF so reagiert, aber man lernt ja nie aus.
-
-
-