Problem print.css mit Rocksolid 80/20

[Knut]

Hallo,

ich hab eine print.css erstellt im Theme Rocksolid 80/20:
http://update.ttc-karlsruhe-neureut.de/berichte.html

Ich schaffe es aber nicht, die linke Navigation auszublenden. Irgenwie spreche ich die falsch an, obwohl ich mir das mit Firebug anschaue.

Code:

@media print{
/* Style sheet rs-print */
#wrapper > header,aside#sidebar,#breadcrumbs,#wrapper > footer{display:none}@page{margin:.5cm}body{padding:0;background-color:#fff}*{font:12pt Georgia,"Times New Roman",Serif}h1{margin-bottom:18pt;font-size:18pt;page-break-after: avoid}h2{margin-bottom:16pt;font-size:16pt;page-break-after: avoid}h3{margin-bottom:14pt;font-size:14pt;page-break-after: avoid}a{text-decoration:none;color:#000}
}

Habt ihr einen Tipp?

[planepix]

Super falsch geklickt-

Hast du #left{display:none;} schon im print.css mit drin?

[Knut]

Super falsch geklickt-

Hast du #left{display:none;} schon im print.css mit drin?

Das hatte ich schon drin, aber #left gibt es gar nicht in diesem Theme.

[planepix]

Ah da hab ich zu fix geguckt.

Versuch mal bitte #sidebar{display:none;}

[Knut]

Ah da hab ich zu fix geguckt.

Versuch mal bitte #sidebar{display:none;}

Geht auch nicht. Aber vielleicht hab ich mich unklar ausgedrückt.
Unsichtbar wird die Navi schon, aber ich bekomme die Hauptspalte nicht nah genug an den linken Rand. Als ob da eben noch was von der Sidebar vorhanden wäre.

[Knut]

Eventuell liegt es am #content-wrapper.
Ich weiß nur nicht, wie ich da den Rand im Druck-Layout weg bekomme?

[Spooky]

section#content {
    width:auto;
    margin:2%;
} 

Meinst du vielleicht so?

[Knut]

section#content {
    width:auto;
    margin:2%;
} 

Meinst du vielleicht so?

Das bewirkt beim Druck-Layout nichts.
Hab es auch mit section#content-wrapper probiert, geht auch nicht.

[Spooky]

Das Problem ist, dass du dein Print Stylesheet vor den anderen Stylesheets einbindest. Daher ändert sich auch nichts. Du musst das Print Stylesheet ganz ans Ende geben.

[Knut]

Das Problem ist, dass du dein Print Stylesheet vor den anderen Stylesheets einbindest. Daher ändert sich auch nichts. Du musst das Print Stylesheet ganz ans Ende geben.

OK, das war es. Danke!
Das Problem war, dass Rocksolid externe CSS-Dateien verwendet und ich das print.css als internes CSS angelegt hatte. Da konnte ich an der Reihenfolge nichts verändern. Jetzt hab ich es als externes CSS eingebunden, dann funktioniert das auch mit der Reihenfolge.

[Spooky]

Alternativ kann man sich auch mit '!important' behelfen, aber das wäre nicht so sauber