drucklayout / mozilla und anderes

[Jan B.]

hallo,

ich bastle mir (für eine stark textlastige hp) gerade ein css-drucklayout.

im archiv lese ich von einem mozilla-bug, über den ich auch gerade gestolpert bin:

http://forum.de.selfhtml.org/archiv/2002/7/16831/#m94232

frage: gibt es dafür mittlerweile eine lösung?

außerdem habe ich ein problem mit dem seitenumbruch: wie verhindere ich bei einem seitenwechsel, daß zeilen "zerissen" werden?

hier mein css:

body, div, table {
        background-color:#FFFFFF;
        color:#000000;
        border-color:#FFFF00;
        border-width:0px;
        border-style:solid;
        margin:0px;
        overflow:none;
        padding:0px;
        left:0px;
        top:0px;
}

div {
        position:absolute;
        padding-top:5px;
        padding-left:5px;
        padding-right:5px;
}

#logo {
        display:none;
        visibility:hidden;
       }

#naviob {
        display:none;
        visibility:hidden;
}

#haupt {
        overflow:visible;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
}

img {
        border-width:0;
}

für tips wäre ich dankbar.

schönen gruß
jan

[Orlando]

Hi Jan,

im archiv lese ich von einem mozilla-bug, über den ich auch gerade gestolpert bin:

Sorry, da kann ich dir nicht helfen, aber ich habe einige Vorschläge für dein Stylesheet:

body, div, table {

background-color:#FFFFFF;

background-color:#fff;

color:#000000;

color:#000;

border-color:#FFFF00;
        border-width:0px;
        border-style:solid;

verkürzt:  border:0;

Die beiden anderen Angaben sind nicht notwendig, da du ja keinen Rahmen willst (0 px).

margin:0px;

margin:0;

overflow:none;

padding:0px;

padding:0;

left:0px;

left:0;

top:0px;

top:0;

}

div {
        position:absolute;

padding-top:5px;
        padding-left:5px;
        padding-right:5px;

verkürzt:  padding:5px 5px 0 5px;

(siehe </archiv/2002/6/14947/#m83337>)

}

#logo {
        display:none;
        visibility:hidden;
       }
#naviob {
        display:none;
        visibility:hidden;
}

Die beiden kannst du zusammenfassen:

#logo, #naviob {
           display:none;
           visibility:hidden;
   }

#haupt {
        overflow:visible;
        left:0px;
        top:0px;

Hier kannst du "px" ebenfalls weglassen (ist bei Wert 0 erlaubt).

width:100%;
        height:100%;
}

img {
        border-width:0;

border:0;

}

CSS-Bastler sind ja so geizig ;)

LG Orlando