Drucklayout

[K.I.]

Es tut mir leid, wenn der Beitrag im falschen Bereich gelandet ist...man möge ihn verschieben!

Ich habe bereits so viele Beiträge gelesen und in Google ebenso unmengen an Ergebnissen durchgesehen, aber
ich kann einfach nichts finden, was mir weiterhilft....=(

es geht um die berühmt berüchtigte print.css, die die Druckvorschau und damit den Druck einer Seite beeinflusst.
Ich weiß, dass man den Medientyp "print" auswählen muss, die andern CSS-Dateien dürfen sich nicht auf "all"
beziehen damit sie nicht auch für "print" benutzt werden. Dann muss man die print.css noch ins Layout einbinden
mit dem schönen Häckchen. Alles, was man nicht anzeigen möchte in der Druckvorschau soll über
"display:none;" rausgenommen werden.

Folgendes Problem:

Das:

#header, 
#left,
#right,
#footer
{
 display:none;
}

folgt zu keinem Ergebnis, d.h. die Elemente werden nicht ausgeblendet.

Mach ich aber:

#container
{
 display:none;
}

funktioniert es und er blendet mir den Bereich aus. Aber dann natürlich auf Grund der div-Verschachtelung in fe_page.xhtml alles!

Ändere ich in der fe_page.xhtml bzw fe_page.html5 die Struktur, indem ich die div-Container mit der Klasse "inside" entferne, dann funktioniert das Ausblenden der einzelnen Komponenten header, footer usw., zerschießt mir aber im Gegenzug das komplette Aussehen der Seite.

Habe auch bereits die Kombination #header .inside usw versucht......

es sei dazu gesagt, dass ich vorher noch nie mit Contao gearbeitet habe, Kenntnisse in CSS usw sind aber vorhanden und ansonsten recherchier ich auch immer fleißig über google....

aber dazu konnte ich nichts finden! Ich bitte um Hilfe =(

[izanagi]

Willkommen im Forum.


Ich habe das ganze gerade mal reproduzieren wollen,
den Footer ausgeblendet... beim Druck war er dann auch weg.
Vielleicht fällt mir etwas anderes ein.

Frage: meinst du den PDF Druck oder den normalen Druck ?

[K.I.]

Hallo!

ich meine beim normalen Druck.
hab bereits auch schon gelesen, dass das mit den PDFs anders läuft. Aber ne, ich meine wirklich den normalen
Druck und naja, bei mir funktioniert es eben nicht...weiß nicht, ob es einen großen Unterschied macht, aber ich
verwende Contao 2.11. Hatte halt wie gesagt schon an den "inside"-divs herumgedoktort, aber so an sich kann
das ja nicht die Lösung sein, sie rauszunehmen und damit das Layout zu zerschießen oder?

[izanagi]

habe es auch mit der 2.11 getestet. Also ich habe meinem Layout eine seperate media="print" CSS gegeben (wie du ja schon gemacht hast).
Dann alle Basis Divs Left, Right, Header, Footer und Navi auf display:none;
Und ich habe da keine Probleme mit. Irgendwie hakt es bei dir an was anderem.

Macht natürlich keinen Sinn sich das Layout zu zerschießen.
Leider fällt mir gerade auch nichts anderes ein.

EDIT: manchmal sind es ja nur banale Dinge wie falscher Pfad zur CSS oder ein vergessenes semikolon
EDIT2: oder aber man setzt IDs obwohl es Klassen sind sowas ist mir mal passiert

[lucina]

[Verschoben nach Layout / Templates]

[K.I.]

An sich habe ich auch nur die Basis-divs angesprochen und das Semikolon ist auch drin!

Habe die print.css im Contao Backend erstellt, d.h. am Pfad ja nicht rumgefuscht! Wenn ich Änderungen an der Margin mache, dann übernimmt er die ja komischerweise. Nur Ausblenden also display:none mag er nicht.

Ich hab leider keine Ahnung, was es noch sein könnte, habe auch die IDs angesprochen per #...

[izanagi]

Hast du einen Link zu deiner Seite ?

[K.I.]

Das typische Problem...Seite liegt lokal auf dem Rechner...

Was ich festhalten kann > die div-Container innerhalb von Footer, Header usw, die die Klasse "inside" haben, die kann ich ausblenden lassen durch

.inside
{
 display:none;
}

dann ist natürlich aber alles weg, weil überall die inside-divs drin liegen.
Versuche ich aber:

#footer .inside
{
 display:none;
}

geht es nicht. An sich gibt man das doch so an, wenn man sagen möchte: "Wenn in dem Container mit der ID footer die Klasse inside liegt, dann blende sie mir aus" oder nicht? Vielleicht ist das ja bereits der Denkfehler...

vielen Dank erstmal dafür, dass du dich damit beschäftigst =)

[K.I.]

Sooo....habe jetzt alles runtergelöscht (handelt sich um eine Testseite, da ich zunächst schauen wollte, was ich alles hinbekommen kann, bevor ich mit der richtigen anfange) und nochmal neu angefangen, in der Hoffnung ich hätte davor zu viel herumgetestet und es würde jetzt gehen.
Fehlanzeige.

Bin nach diesem Tutorial vorgegangen:
http://de.contaowiki.org/Die_erste_Webseite

und habe auch direkt das nächste für den Footer und Header gemacht:
http://de.contaowiki.org/Die_erste_W...der_und_Footer

Habe mich allein auf diese CSS-Angaben gehalten und nichts anderes hinzugefügt. Zum Inhalt in den Artikel hab ich noch ein Formular und irwo ein Bild eingefügt, aber sonst nichts großes angestellt...

Daraufhin eine print.css angelegt und folgendes reingeschrieben:

#header, #footer, #left, .invisible
{
 display:none;
}

Die invisible-Elemente seh ich nicht mehr, Rest wird aber nicht ausgeblendet...die print.css ist auf Medientyp print gestellt, die layout.css auf Medientyp screen, basic.css (aus dem Tutorial wo halt auch nichts drin steht) hab ich erstmal auf all gehabt dann aber gelöscht und nichts änderte sich.

Arbeite mit dem IE 8 eventuell bereitet der Probleme?

Weiß nicht mehr, was ich machen soll

[izanagi]

IE 8 ? pfui ne spass.
Natürlich kann IE so manche Probleme verursachen, aber es führt ja kein Weg vorbei das Kompatibel zu gestalten.
Hätten wir einen Link könnte man das schnell testen.


Also den Medientyp hast du schonmal richtig einsgestellt. Gut.

Bei mir habe ich darin stehen (als Beispiel)

#layout-footer, #layout-left, #layout-right, #layout-mainnavi{
    display:none;
}
body {
    background-image:none;
} 

Damit wird ausschließlich der Content noch angezeigt.

Meine Seite sieht ungefär so aus

<body id="top" class="xxxxxxxxx" >
<div id="wrapper">
<div id="layout-mainnavi"></div>
<div id="layout-breadcrumb"></div>
<div id="layout-middle">
  <div id="layout-left"></div>
  <div id="layout-content"> <div id="inside"></div> </div>
  <div id="layout-right"></div>
  <div id="clear"></div> 
</div>
<div id="layout-footer"></div>
</div> 

Wenn ich es drucke sehe ich bei mir wirklich nur den Content Bereich.
Daher verstehe ich nicht wieso es bei dir nicht klappt.

Frage, heissen die IDs bei dir auch wirklich #header, #footer, #left ?

[K.I.]

Jap! Kann die Container in der einfachen layout.css so auch ansprechend und denen eine Farbe geben etc.

Deine Seite ist da schon komplett anders aufgebaut! Ist doch der Code aus der fe_page.xhtml/html5 ?
Wenn ja, sieht meiner so aus:

<body id="top" class="{{ua::class}}<?php if ($this->class): ?> <?php echo $this->class; ?><?php endif; ?>"<?php if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>>

<div id="wrapper">
<?php if ($this->header): ?>

<div id="header">
<div class="inside">
<?php echo $this->header; ?> 
</div>
</div>
<?php endif; ?>
<?php echo $this->getCustomSections('before'); ?>

<div id="container">
<?php if ($this->left): ?>

<div id="left">
<div class="inside">
<?php echo $this->left; ?> 
</div>
</div>
<?php endif; ?>
<?php if ($this->right): ?>

<div id="right">
<div class="inside">
<?php echo $this->right; ?> 
</div>
</div>
<?php endif; ?>

<div id="main">
<div class="inside">
<?php echo $this->main; ?> 
</div>
<?php echo $this->getCustomSections('main'); ?> 
<div id="clear"></div>
</div>

</div>
<?php echo $this->getCustomSections('after'); ?>
<?php if ($this->footer): ?>

<div id="footer">
<div class="inside">
<?php echo $this->footer; ?> 
</div>
</div>
<?php endif; ?>

</div>
<?php echo $this->mootools; ?>
<?php if (!$this->disableCron): ?>

hab den Part eben rauskopiert. Vl bringt das ja weiter?

Lieben dank auf jedenfall!!!

[frank]

Hallo,

dieser Fehler tritt auch bei mir im IE8 mit HTML5 auf. Firefox und Opera machen da keine Probleme. Abhilfe schafft, wenn Du im Seitenlayout unter "Ausgabeformat" XHTML Strict oder XHTML Transitional auswählst. Dann funktioniert es auch im IE7/IE8.

Gruß, Frank

[K.I.]

JA!

Es geht!!! Vielen vielen Dank!!!

[frank]

Freut mich.

Aber damit wäre ja noch nicht geklärt woran es den nun liegt. Ist es ein Fehler in Contao oder liegt's einfach nur am IE (wie so oft). Vielleicht fällt den Experten hier dazu noch eine bessere Lösung ein??

Gruß, Frank

[izanagi]

Moin,

mit HTML5 arbeitest du,.. da hätte ich ja lange grübeln können. Ich persönlich hab HTML5 noch garnicht im Einsatz.
Aber das der IE mit HTML5 noch nicht klar kommt war ja irgendwie klar so wie üblich


Der HTML-Parser im IE8 erkennt ja die HTML5 Elemente nicht, da nicht fähig.
Es soll ja einen Workarounds mit createElement geben, aber da habe ich gerade keine Ahnung.
Vielleicht reicht sowas schon

if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE')) {
  header("Content-type: application/xhtml+xml");
}