• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Druckerformatierung wird nicht angenommen

M

mareje

New member
Hallo,

da meine Nutzer auch Listen o.ä. ausdrucken möchten, muss ich für den Ausdruck eine gesonderte Formatierung festlegen. Die Navigations-<div> sollen dabei ausgeblendet werden, nur der <div id="content"> soll angezeigt werden.

Mein Problem: Er nimmt die "Screen"-Css-Datei an (alles ist formatiert wie gewünscht), nur die "Print"-Css-Datei ignoriert er vollkommen.

Hier meine Css-Deklaration:

HTML: 
<link rel="stylesheet" type="text/css" href="../css/format.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../css/druck.css" media="print" />

Die druck.css sieht folgendermaßen aus:

HTML: 
body html * {
    display:none;
}

div#content {
    display:block;
}

Die Seite einmal sehr vereinfacht dargestellt:

HTML: 
<div id="navigation_top">Hier die obere Navigation</div>
<div id="navigation_left">Hier die linke Navigation</div>
<div id="content">Der eigentliche Inhalt</div>

Browser = IE8 (Firmen-Standard, da kann man nichts ändern).

Ich kann einfach den Fehler nicht finden.

Wäre schön, wenn mir jemand helfen könnte!

Vielen Dank!
Markus
 
Zuletzt bearbeitet:
Du könntest es wie folgt lösen:
Code: 
div {
    display:none;
}
#content {
    display:block ! important;
}
 
Die druck.css wird irgendwie gar nicht angeprochen. Egal was ich reinschreibe, es wird einfach ignoriert.
 
Wie wäre es mal mit dem Versuch das Ganze auszudrucken? Oder hast du die Möglichkeit mit dem IE8 einen Drucker zu simulieren?
 
Bei mir funktioniert es einwandfrei.
Hast du mein CSS ausprobiert?
 
hmm, dann kann ich dir an dieser stelle auch nicht weiterhelfen, denn in meinem demoscript hat es einwandfrei geklappt.
css liegt auch im angegebenen verzeichnis?
manchmal hilft es auch das print zum testen mal für screen vorzusehen, dann siehst du was passiert und kannst besser drauf eingehen.
 
Da folgendes bei mir funktioniert, werde ich dies mal als Gerüst benutzen und meine Seite step by step einbauen. So finde ich vielleicht am besten, wo der Haken ist.

HTML: 
<html>
<head>
<title></title>
<style type="text/css">
@media print {
    html body * {
        display: none;
    }
    div#content {
        display: block;
    }
}
</style>
</head>
<body>
    <div id="navigation_top">Hier die obere Navigation</div>
    <div id="navigation_left">Hier die linke Navigation</div>
    <div id="content">Der eigentliche Inhalt</div>
</body>
</html>
 
Das obere Beispiel funktioniert bei mir ja auch.

Ich werde dies wohl mal als "Gerüst" nehmen und meine Teile nach & nach einbauen. Da find ich den Fehler vielleicht am ehesten.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben