PrintCSS, display:none und Firefox - Probleme?
thunderstorm
- css
0 Franzi0 thunderstorm0 Franzi
0 Cheatah
Hi Leute,
Ich habe zum standard CSS eine weitere erstellt, die ich mit media='print' deklariert habe.
Für einige Objekte wie Navigation habe ich dort eine Klasse ...
.printHidden{display.none;}
Das funzt auch ohne Probleme ....beim MSIE6 ....aber der Firefox weigert sich standhaft, diese Navigation beim Drucken (und Druckvorschau) auszublenden.
Dann habe ich eine ander WebPage mit einem Drucktest Test gemacht, dort wiederum lief es (aber erst nach einigen Versuchen).
Im Code sieht es dann so aus:
...
<div class="printHidden>
<script language="JavaScript"....[NAVIGATIONS-SCRIPT]....>
<noscript>.....</noscript>
</div>
....
Müsste doch funktionieren, oder?
Thanx für Eure Hilfe.
Joel
Hello,
ich kann dir leider net weiter helfen. Aber ich hatte gestern des Gleiche Problem und habe alles probiert. Bei mir wurde das gewünschte Bild weder im Internet Explorer noch im Firefox ausgeblendet.
Hello,
ich kann dir leider net weiter helfen. Aber ich hatte gestern des Gleiche Problem und habe alles probiert. Bei mir wurde das gewünschte Bild weder im Internet Explorer noch im Firefox ausgeblendet.
Hi
Wie hast Du denn das im Code gehandelt? Also im MSIE6 sollte es keinerlei Probleme geben ... denn der frisst alles ;-)
Schick mal Dein Code Teil evtl. kann ich Dir helfen?!? Schaun'wer mal.
Joel
Also....
div#logo {
background-image:url(bg_header_uni1.jpg);background-repeat:no-repeat;
margin-top:-10px;
margin-left:-5px;
margin-right:-10px;
}
<div id="logo"> <div>
@media print {
div#logo { display:none;
}
}
Also....
div#logo {
background-image:url(bg_header_uni1.jpg);background-repeat:no-repeat;
margin-top:-10px;
margin-left:-5px;
margin-right:-10px;}
<div id="logo"> <div>
@media print {
div#logo { display:none;
}
}
also ich würde das anders lösen, da diese @media print geschichte Probleme bereiten KANN (Implementation der Browser ist (noch) nicht das gelbe vom Ei.
ich würde es so lösen:
CSSDatei_1.css für Monitor (screen)
alle Klassen für das Monitor Layout.
....
.logo {
background-image:url(bg_header_uni1.jpg);background-repeat:no-repeat;
margin-top:-10px;
margin-left:-5px;
margin-right:-10px;
}
....
Danach erstellst Du bspw.
"printCSS.css" für den Ausdruck. Hier alle Klassen von oben, aber mit den änderungen für das Drucken, also bspw.
...
.logo {
display:none;
}
...
Dann im ...
<HEAD>
...
<link href="CSSDatei_1.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="printCSS.css" media="print" rel="stylesheet" type="text/css"/>
Dann sollte es zumindest MSIE finktionieren....
Hello..
und wie mach ichs bei dem?
<p id="bild"><a href="http://www.uni-bamberg.de"><img src="uniba_weblogo.gif" width="75" height="72" alt="Otto-Friedrich-Universität Bamberg" style="border:0px;"></a>
</p>
???.. Wie geht es dass des Bild ausblendet??
lg
habe d'ehre Franzi
und wie mach ichs bei dem?
<p id="bild"><a href="http://www.uni-bamberg.de"><img
???.. Wie geht es dass des Bild ausblendet??
indem Du fuer die ID "bild" auch display:none
angibst?
man liest sich
Wilhelm
habe d'ehre Franzi
und wie mach ichs bei dem?
<p id="bild"><a href="http://www.uni-bamberg.de"><img
???.. Wie geht es dass des Bild ausblendet??indem Du fuer die ID "bild" auch
display:none
angibst?man liest sich
Wilhelm
Also ich hab des jetzt genau so versucht wie ihr des gesagt habt. Doch bei mir rührt sich da gar nichts!!!
lg
habe d'ehre Franzi
Also ich hab des jetzt genau so versucht wie ihr des gesagt habt. Doch bei mir rührt sich da gar nichts!!!
Kann man das Ganze irgendwo online betrachten? Normalerweise gibt es da keine Probleme.
man liest sich
Wilhelm
Hi,
.printHidden{display.none;}
Das funzt auch ohne Probleme ....beim MSIE6
echt? Herrje. Dass das Teil krank ist, ist ja hinlänglich bekannt. Aber _so_ krank?
....aber der Firefox weigert sich standhaft, diese Navigation beim Drucken (und Druckvorschau) auszublenden.
Selbstverständlich. Dein Code ist kein gültiges CSS.
Cheatah