Monika Treipl: Hilfe! Netscape und CSS - Ausdruck

Hallo allerseits!

Beim HTML-Editieren einer Homepage habe ich CSS verwendet. Leider funktionieren diese unterschiedlich in Netscape und Explorer. Waehrend im Explorer alles einwandfrei funktioniert, gibt es bei Netscape (Version 4.05) Probleme.

Folgendes Problem ist aufgetaucht: Will man eine Seite in Netscape ausdrucken, druckt der Drucker in jede Zeile genau ein Wort. Das ist ziemlich papierintensiv!!!

Weiss jemand Rat, wie man diesen Fehler beheben kann??
Bitte, bitte HILFE!!

Liebe Gruesse
Monika

  1. Hallo Monika

    Folgendes Problem ist aufgetaucht: Will man eine Seite in Netscape ausdrucken, druckt der Drucker in jede Zeile genau ein Wort. Das ist ziemlich papierintensiv!!!

    Dass Netscape einige massive Probleme mit CSS hat ist bekannt. Aber um nach Moeglichkeiten zu suchen, das Problem zu umgehen, muesstest du die verwendeten CSS-Definitionen zumindest mal posten hier.

    viele Gruesse
      Stefan Muenz

  2. Sorry.
    Anbei der Text der CSS-Datei:

    /* DATEI: formate.css */

    /* - - ALLGEMEINES - - */
    body { margin-left:70px; margin-top:18px; margin-bottom:30px;
           width:500px; background-color:white; }
    p  { width:500px; font-family:Verdana,Tahoma,Times; font-size:9pt; }
    body,h1,h2,h3,h4 { font-family:Verdana,Tahoma,Times; }
    br,div,caption,ul,ol,table,tr,th,td { font-family:Verdana,Tahoma,Times; font-size:9pt; }
    #rot { color:#CC3333; }
    #klammer { color:black; font-size:8pt; font-weight:normal; }
      /* fuer Leistungsbericht, mit span verwendet */
    #pfeillink { margin-top:4px; color:#CC3333; font-weight:bold; }
      /* fuer Links mit Pfeilimage */
    #thema { margin-left:20pt; }

    /* Schriftgroessen */
    #klein { font-size:8pt; }
    #sehrklein { font-size:7pt; }

    /* - - fuer KOPFZEILE - - */
    #ganzLinks { margin-left:-65px; }

    /* - - LINKS - - */
    #link { color:#CC3333; text-decoration:underline; target:Hauptfenster; }
    #linkOhne { color:white; text-decoration:none; }

    #fremdKlein { color:#CC3333; font-size:8pt; text-decoration:underline; }
    #fremderLink { color:#CC3333; text-decoration:underline; target:_parent; }

    /* - - fuer UEBERSCHRIFTEN - - */
    h2 { margin-left:-55px; margin-top:20px; line-height:14pt;
         font-family:Verdana; font-size:12pt; color:black; }
    h3 { margin-left:-55px; margin-top:20px; line-height:12pt;
         font-family:Verdana; font-size:11pt; color:#CC3333; }
    #ueberschrift { margin-top:20px; line-height:12pt; color:#CC3333;
         font-family:Verdana,Tahoma,Times; font-size:9pt; font-weight:bold; }
    #schwarzeUeberschrift { margin-top:20px; margin-top:12pt; color:black;
         font-family:Verdana,Tahoma,Times; font-size:9pt; font-weight:bold; }

    /* - - FIXE BREITEN - - */
    #fixeBreite { width:500px; }
    #fixBottom { position:absolute; margin-left:-65px; margin-bottom:20px; text-align:center; color:black; width:585px;}

    /* - - BOTTOMLINKS - - */
    hr { margin-left:-60px; margin-top:5px; color:#CC3333; width:590px; text-align:left; }
       /* rote Trennlinie vor Bottomlinks */
    #bottomlink { margin-top:10px; font-size:7pt; }
    #webmaster  { margin-top:5px; font-size:6pt; }
    #linie { margin-left:-1px; width:511px; color:#CC3333; }

    /* - - LISTEN - - */
    ul { width:470px; font-family:Verdana,Tahoma,Times; font-size:9pt; list-style-type:disc; }
    ul.none,ol.none { width:470px; font-family:Verdana,Tahoma,Times; font-size:9pt; list-style-type:none; }

    /* - - TABELLEN - - */
    table.leistdat { font-size:8pt; font-family:Verdana;
                     border-width:1pt; border-color:black; align:center; width=470px; }
    caption.top { padding-top:4pt; caption-side:top; background-color:#FA6450; font-weight:bold; }
    tr,td,th { padding-top:1pt; padding-bottom:1pt; padding-left:2pt; padding-right:2pt; font-size:8pt; }  
    #font9  { font-size:9pt; }
    tr.drot { background-color:#FA6450; }
    tr.hgrau { background-color:#D3D3D3; }
    tr.hrot { background-color:#FFE4B5; }
    tr.hrotfett,td.hrotfett { font-weight:bold; background-color:#FFE4B5; }

    a:link { color:#CC3333; text-decoration:underline; }
    a:active { color:#080808; text-decoration:underline; }
    a:visited { color:#990000; text-decoration:underline; }
    a.haupt { target:Hauptfenster; }
    a:anker { text-decoration:none; }

    1. Hallo Monika! (auch mal jemand von univie.ac.at. :-)  )

      Hui, so viel? ;-) Ich kann nicht sagen woran es liegen kann, was ich dir "anbieten" kann, ist ein Fehlerkorrekturversuch oder Ratschläge  für deine CSS-Datei.

      ====================================================
      /* - - ALLGEMEINES - - */
      body
      margin-bottom:30px;   //wird eigentlich nur vom IE5 richtig interpretiert.
      width:500px   // hat im IE keine auswirkung und im NS bewirkt,
                             //  daß body nach 500px vom linken Rand aufhört und was darüber hinausginge
                            //   wird abgschnitten.

      #klammer
      font-weight:normal;   //wenn nichts anders angegeben, dies ist sowieso die
                                         //  'vom Haus aus' Einstellung

      /* - - LINKS - - */
      #link
      target:Hauptfenster;    //diese ist keine CSS Angabe!
      #fremderLink  
      target:_parent;            //ebenfalls! traget sollte im <a href=".." target= ....> stehen.

      /* - - FIXE BREITEN - - */
      #fixBottom { position:absolute; margin-left:-65px; margin-bottom:20px;
                   //zum pos:absolute solltest du top:....px; und left:....px; auch angeben,
                   // sonst der NS positioniert den bereich zwar oben, aber mit etwa 5px Abstand vom                     //oberen und linken Fensterrand. Bei deiner Angaben schneidet der IE den linken Rand              //ab. (-65px) und im NS hat es keine Auswirkung.
      text-align:center;                //im NS beim position:absolute;. zeigt es keine Wirkung, (leider!)

      /* - - LISTEN - - */
      ul +  ul.none,ol.none
      width:470px                   //hat im IE4 keine Wirkung
      list-style-type:none;       //hat im NS keine Wirkung

      /* - - TABELLEN - - */     //Generell: am besten Tabellen so wenig es geht mit CSS formaiteren,
                                               // da es einfach zuviele Unterschide in der Interpretaiton
                                              //und Darstellung zwischen IE und NS gibt. Soweit es geht
                                              // mit HTML arbeiten. Was aber nicht heissen soll, daß du keine
                                             //CSS für Tabellen verwenden kannst/sollst. (Farben &  Schriftarten)

      table.leistdat
      border-width:1pt; border-color:black;  //macht keiner der Browser (IE4/5 NS4.5) ohne                                                                 //border-style:....; und dann auch nur IE
      width=470px;     // wenn, dann width:470px;

      a.haupt
      target:Hauptfenster;      //ist keine CSS Angabe!
      a:anker                          //solch eine Pseudo-Klasse gibt es nicht.

      =================================================
      Ich hoffe es ist etwas dabe, was dich weiterbringt.

      Grüße
      Thomas

      1. Aua, da hat mir jemand die Formatierung durcheinandergebracht!! ;-/

        Hallo Monika! (auch mal jemand von univie.ac.at. :-)  )

        Hui, so viel? ;-) Ich kann nicht sagen woran es liegen kann, was ich dir "anbieten" kann, ist ein Fehlerkorrekturversuch oder Ratschläge  für deine CSS-Datei.

        ====================================================
        /* - - ALLGEMEINES - - */
        body
        margin-bottom:30px;  
        //wird eigentlich nur vom IE5 richtig interpretiert.
        width:500px  
        // hat im IE keine auswirkung und im NS bewirkt, daß body nach 500px vom linken Rand aufhört und was darüber hinausginge wird abgschnitten.

        #klammer
        font-weight:normal;  
        //wenn nichts anders angegeben, dies ist sowieso die'vom Haus aus' Einstellung

        /* - - LINKS - - */
        #link
        target:Hauptfenster;    
        //diese ist keine CSS Angabe!
        #fremderLink  
        target:_parent;            
        //ebenfalls! traget sollte im <a href=".." target= ....> stehen.

        /* - - FIXE BREITEN - - */
        #fixBottom { position:absolute; margin-left:-65px; margin-bottom:20px;
        //zum pos:absolute solltest du top:....px; und left:....px; auch angeben, sonst der NS positioniert den bereich zwar oben, aber mit etwa 5px Abstand vom oberen und linken Fensterrand. Bei deiner Angaben schneidet der IE den linken Rand ab. (-65px) und im NS hat es keine Auswirkung.

        text-align:center;
        //im NS beim position:absolute;. zeigt es keine Wirkung, (leider!)

        /* - - LISTEN - - */
        ul +  ul.none,ol.none
        width:470px
        //hat im IE4 keine Wirkung
        list-style-type:none;      
        //hat im NS keine Wirkung

        /* - - TABELLEN - - */

        //Generell: am besten Tabellen so wenig es geht mit CSS formaiteren, da es einfach zuviele Unterschide in der Interpretaiton und Darstellung zwischen IE und NS gibt. Soweit es geht mit HTML arbeiten. Was aber nicht heissen soll, daß du keine CSS für Tabellen verwenden kannst/sollst. (Farben &  Schriftarten)

        table.leistdat
        border-width:1pt; border-color:black;  
        //macht keiner der Browser (IE4/5 NS4.5) ohne border-style:....; und dann auch nur IE

        width=470px;
        //wenn, dann width:470px;

        a.haupt
        target:Hauptfenster;
        //ist keine CSS Angabe!
        a:anker
        //solch eine Pseudo-Klasse gibt es nicht.

        =================================================
        Ich hoffe es ist etwas dabei, was dich weiterbringt.

        Grüße
        Thomas