Druckausgabe

    Hi allerseits,

    mein Theme kommt mit einer style.css.php daher. Änderungen darin werden auch problemlos gezogen.

    Nun wollte ich alle Seitenelemente bis auf den Content für Drucker ausblenden und habe eingefügt:

    HTML
    /* Print version */
@media print {
#nav, #header, #sidebar, #search, #footer {
display: none;
visibility: hidden;
}
}

    Passiert aber nichts - es werden immer noch Header, Menü, Footer etc. mit ausgedruckt.

    Was hab ich denn falsch gemacht?

    Danke für jeden Hinweis!

    Gruß Alex

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Hi,

    dein theme hat doch sicherlich eine style.css, oder ?
    dann regle es dort:

    Dann sollte es passen.

    Gruß

    Ich les das so als wenn er dies tat. Es wird eher am Browser liegen. Deshalb Alternative, extra CSS anlegen, dann in HEAD nach der vorhandenen:

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


    und in dieser CSS nur:

    PHP
    * { background: #fff; color: #000; }
html { font: 100%/1.5 georgia, serif; }
#nav, #header, #sidebar, #search, #footer {
display: none;
visibility: hidden;
}
    Zitat von Olafb

    Ich les das so als wenn er dies tat. Es wird eher am Browser liegen. Deshalb Alternative, extra CSS anlegen, dann in HEAD nach der vorhandenen:

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

    und in dieser CSS nur:

    PHP
    * { background: #fff; color: #000; }
html { font: 100%/1.5 georgia, serif; }
#nav, #header, #sidebar, #search, #footer {
display: none;
visibility: hidden;
}


    kann aber muss nicht am Browser liegen

    wenn in der style.css drin steht:

    #innen #header dann muss man auch so die print.css machen
    #innen #header {display:none.....

    dann ist noch die Frage , ob da nicht HIntergrundbilder sind, die werden nicht ausgeblendet nur weil #header ausgeblendet wird

    Anleitung für die Print.css, denn Datei -> Drucken ist nach wie vor sehr beliebt - das Drucklayout

    vielleicht hilft dies weiter

    lg

    Zitat von Monika

    kann aber muss nicht am Browser liegen

    wenn in der style.css drin steht:.....


    Wie bist du denn drauf, in der CSS stand hier:

    PHP
    /* Print version */
@media print {
#nav, #header, #sidebar, #search, #footer {
display: none;
visibility: hidden;
}
}


    Nun könnte deine Vermutung zwar trotzdem zutreffen, aber sind doch sehr weit hergeholt, ohne URL und Browserangabe ;)

    Zitat von Olafb

    Wie bist du denn drauf, in der CSS stand hier:

    PHP
    /* Print version */
@media print {
#nav, #header, #sidebar, #search, #footer {
display: none;
visibility: hidden;
}
}

    Nun könnte deine Vermutung zwar trotzdem zutreffen, aber sind doch sehr weit hergeholt, ohne URL und Browserangabe ;)

    ich bin richtig drauf, das Zitierte von Dir sind Angaben für die print Ausgabe,
    auch wenn sie in der style.css drin stehen ;)

    die print Ausgabe hängt aber von der style Ausgabe ab, völlig egal welcher Browser


    lg

    Hi,

    vielen Dank für eure Antworten! Ich hab es jetzt hinbekommen. Zusammengefasst:

    Mein Theme hat zwar eine style.css, die muss aber bei Kompatibilitätsproblemen aktiviert werden. Die Definitionen kommen also alle aus der style.css.php.

    Übergeordnete Elemente gibt es nicht, z.B. ist #header selbst ein "structure div".

    Ein @import einer print.css innerhalb der PHP wurde nicht gezogen.

    Über direktes Einbinden in den Header hat es nun aber geklappt. :mrgreen:

    Gruß Alex

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden