Seite drucken, kleines Problem

**derHund** · 08.08.2004, 14:27

http://de.selfhtml.org/css/eigenscha...ng.htm#display

**Simon6785** · 08.08.2004, 14:49

ja, da hab ich auch schon gesucht...

nur finde ich da kein attribut, mit dem ich das DIV wieder sichtbar bekomme. display:inline etc geht alles nicht, das div bleibt unsichtbar. Deshalb ja erst meine Frage..

**Tartax** · 08.08.2004, 14:56

Wenn es um ein DIV geht seh ich nicht ein was gegen display:block; spricht!

**Simon6785** · 08.08.2004, 15:00

nun, es funzt einfach nicht. Meine CSS Datei sieht jetzt so aus:

.ohnedruck { display:none; }
body {font-family: Arial; font-size: 8pt; color: black; background-color: #FFFFFF}
.mitdruck { display:block }

Trotzdem wird der DIV mitdruck nicht sichtbar, d.h. nicht mitgedruckt. Ich hab eine leere, weiße Seite

**Tartax** · 08.08.2004, 15:24

Ach, style="visibility:hidden;" in dem DIV, hatte ich ganz übersehen, naja, is ja nun warscheinlich dass es daran liegt, da es auch bestehen bleibt wenn der Pint stylesheet geladen wird!

**Simon6785** · 08.08.2004, 15:39

ja, schätze ich auch mal. Kann man das nicht verhindern? Ich würde ja auch den div einfach sichtbar lassen und den Drucktext rot auf rotem hintergrund reinschreiben, so das man ihn nicht sieht. Da das aber sehr viel text ist, wird das eine ganz schön lange seite nach unten, und der user kann scrollen, das ist blöd. Wie kann ich das verhindern? Kann ich den DIV auf eine größe von 1x1 Pixel bringen, und den ganzen text rein schreiben, und anchher in der druck.css die größe wieder auf normal bringen? Oder was kann ich sonst noch machen, hat einer eine Idee?

**Tartax** · 08.08.2004, 15:43

Du könntest 2 Stylsheets machen, das eine für den Bildschirm und das andere für den drucker, und in das für den Bildschirm schreibst du das visibly:hidden rein!

**derHund** · 08.08.2004, 15:56

du hast das element direkt formatiert?
und wunderst dich, warum die zentrale formatierung überschrieben wird?

**Simon6785** · 08.08.2004, 20:21

ok, ich hab jetzt 2 css Dateien gemacht, eine druck.css und eine normal.css.

die Druck.css ist die alte, die normal.css sieht so aus:

.mitdruck { display:none }

dann den einen div class=ohnedruck
und einen class=mitdruck

beim drucken bekomme ich trotzdem nur eine leere, weiße seite

**wahsaga** · 08.08.2004, 22:06

Original geschrieben von Simon6785
beim drucken bekomme ich trotzdem nur eine leere, weiße seite

dann würde ich mal vermuten, dass du falsch verschachtelst, bzw. mit der vererbung in CSS nicht umgehen kannst.

**Simon6785** · 08.08.2004, 22:50

verschachteln?? Vererben?? hab ich nicht gemacht, hab nur das, was da steht. Wieso muss ich denn was vererben??!??

**wahsaga** · 08.08.2004, 23:23

Original geschrieben von Simon6785
Wieso muss ich denn was vererben??!??

musst du ja gar nicht. aber ich fürchte, das könnte das problem sein.

zeig doch mal die seite her.

**Simon6785** · 08.08.2004, 23:57

kein Problem....

DRUCK.CSS

PHP-Code:


.ohnedruck { display:none; }

body {font-family: Arial; font-size: 8pt; color: black; background-color: #FFFFFF}

.mitdruck { display:block }

NORMAL.CSS

PHP-Code:


.mitdruck { display:none }

PHP Datei

PHP-Code:


<html>

<head>

<link rel=\"stylesheet\" media=\"print\" href=\"druck.css\">

<link rel=\"stylesheet\" href=\"normal.css\">

<div class=\"ohnedruck\">

NORMALER SEITENINHALT

</div>

<div class=\"mitdruck\">

Komplette druckansicht

</div>

**mrhappiness** · 09.08.2004, 09:16

wenn du bei einem stylesheet kein media-attribut angibst, dan gilt das für alles...

du definierst also erst etwas für das medium print und danach definierst du etwas für alle medien inklusive print

Seite drucken, kleines Problem