Georg Bernhardt: Css Format im Browser und auf dem Drucker

Mit CSS formatierte Seiten sehen im Browser zwar so aus wie beabsichtigt,
druckt man diese Seiten aber auf dem Drucker aus sind zum Beispiel die Einrückungen so groß,
daß das ganze keinen Sinn mehr macht. Ist auch so mit den Beispielen aus SELFHTML
Hat da jemand eine Lösung (außer CSS einfach weglassen)

Georg Bernhardt

  1. Hallo Georg! Danke, ich wünsche dir auch einen schönen guten Tag.

    Mit CSS formatierte Seiten sehen im Browser zwar so aus wie beabsichtigt,
    druckt man diese Seiten aber auf dem Drucker aus sind zum Beispiel die Einrückungen so groß,
    daß das ganze keinen Sinn mehr macht. Ist auch so mit den Beispielen aus SELFHTML
    Hat da jemand eine Lösung (außer CSS einfach weglassen)

    Georg Bernhardt

    1. Hellsehen kann hier (noch) niemand: so kann man auch nicht wissen wie deine CSS-Angaben aussehen. Wie groß wurden die Einrückungen definert, usw. usw.

    2. Allgemein für Seiten die Gedruckt werden sollten:

    • keine Positionierte Bereiche verwenden,
    • Fixe angaben für Tabellenbreiten sind nicht so toll.(wenn die Tabelle beiter ausfällt als die Seite hat)
    • Drucken mit "Seitenvorschub" geht nur mit dem IE,
    • am besten eine externe "Druckversion" anbieten.

    Grüße
    Thomas

  2. Hallo;

    Danke für den schönen Tag.

    Ist mit dem externen Druck ein zweites Dokument gemeint? Dann hilft mir CSS wenig und ich hatte gehofft ,
    es ist nahe am gelben vom Ei. War dann nichts mit dem schönen Tag.
    Hier ein Beispiel aus selfhtml. Über den drucker ausgedruckt sind die Einrückungen viel größer als im
    Browser.

    <html>
    <head>
    <title>SELFHTML: CSS/ Style-Sheet-Angaben / Abstand/Rand / Texteinrückung</title>
    <link rel=stylesheet type="text/css" href="wselfhtm.css">
    </head>
    <body bgcolor=#FFFFFF text=#000000 link=#AA5522 vlink=#772200 alink=#000000>
    <h2><img src="xcss1.gif" width=30 height=30 border=0 alt="CSS1.0">
    <img src="xmsie3.gif" width=30 height=30 border=0 alt="MS IE3.0">
    <img src="xnetsi4.gif" width=30 height=30 border=0 alt="Netscape 4.0"> Texteinrückung</h2>

    <p><img src="xshow.gif" width=33 height=14 border=0 alt="Beschreibung"><br>
    <a href="tdcc.htm#a7"><b>Beschreibung: so wird's gemacht</b></a></p>

    <p style="text-indent:0.5cm;">Dieser Textabsatz hat eine Texteinrückung von 0.5cm.
    Texteinrückungen dieser Art sind an die Ästhetik von ...</p>

    <p style="text-indent:1cm">Dieser Textabsatz hat eine Texteinrückung von 1cm.
    Texteinrückungen dieser Art sind an die Ästhetik von... </p>

    <p style="text-indent:-1cm;margin-left:1cm">Dieser Textabsatz hat eine negative
    Texteinrückung von -1cm. Dem Textabsatz wurde außerdem mit margin-left... .</p>

    <br> 
    </body>
    </html>

    1. Hallo

      schönen Tag auch dir 8-)
      So, nun zum Ernst des Lebens.

      Ein Blatt hat links und rechts Rände, die nicht bedruckt werden können. Das kannst du auch sehen, wenn du in Word (das automatisch einen linken und rechten Rand angibt) die Seitenränder kleinermachst und Drucken willst. Dann kommt eine Fehlermeldung in dieser Form: 'Elemente können nicht gedruckt werden, da sie außerhalb des druckbaren Breichs liegen'. (So ungefähr) Der Browser macht diese Seitenränder auch automatisch. Wenn du also Seitenränder mit CSS angibts, werden diese zu den Seitenrändern des Druckers addiert. Kleiner Tipp, da ich das Problem kenne: Kopiere deine zu druckende Seite in Word o.ä., dann siehst du etwa, wie groß die Ränder sind.

      Eine Möglichkeit das abzustellen gibt es bisweilen nur für den Internet-Explorer. Falls du beispielsweise eine externe CSS Datei hast, binde sie ein mit media="screen". Dann zählt diese Datei nur für den Monitor, bzw. du machst in eine andere CSS Datei die angabe media="print" . Der NN mißachtet diese Angabe. Näheres erfährst du unter <../../../selfhtml/tdba.htm#a3>
      Ich offe, ich konnt dir behilflich séin:
      Ci@o Matti

    2. Hallo Georg!

      Ist mit dem externen Druck ein zweites Dokument gemeint?

      Ja.

      »»Dann hilft mir CSS wenig und ich hatte gehofft , es ist nahe am gelben vom Ei.

      Leider nichts zu machen.
      CSS ist (fast) das Gelbe vom Ei. Sag dem Browserhersteller sie sollten ihre Müllprodukte in ordentliche Software umprogrammieren.

      Grüße
      Thomas