|
|||
![]()
Hat jemand Erfahrung mit Background-Eigenschaften im Style für Drucker
![]() Ich bekommen werder Hintergrundbilder noch -farben gedruckt, bzw. in die Vorschau. Dies ist ja normal auch gut so, aber für bestimmte Container wäre es ja sinnvoll. Kann man diese Eigenschaften erzwingen ![]()
__________________
</ulle> |
Sponsored Links |
Sponsored Links |
|
|||
![]()
Ich hatte es geahnt, bzw. auch schon probiert, aber nichts geht
![]() Code:
background-color: #CCCCCC !important;
__________________
</ulle> |
|
||||
![]()
Das hat auch seinen Sinn: Stell dir vor, du druckst eine Seite mit schwarzem Hintergrund aus, nach einer Seite ist deine Patrone dann fast leer.
Was du jedoch machen kannst, ist eine Grafik über die gesamte Seite spannen (mit <img>!!!) und darüber mit z-index die Objekte zu lagern. Habe ich zwar nicht ausprobiert, dürfte aber klappen. Pablo |
|
|||
![]()
[Conditional Comments]
![]() Code:
<link rel="stylesheet" href="screen_v1.css" type="text/css" media="screen" title="Basic Style" /> <link rel="stylesheet" href="print_v1.css" type="text/css" media="print" title="Print Style" /> <!--[if gte IE 5]> <style type="text/css"> #frame { width:expression(document.body.clientWidth > 1050? "1050px": "auto" );} #w3c { width:expression(document.body.clientWidth > 1062? "1062px": "auto" );} @media print { #frame,#w3c {width: auto;} } </style> <![endif]--> ![]() Code:
<!--[if gte IE 7]> ![]() ![]() Und der FIREFOX 0.8 will mein print.css überhaupt nicht ![]() ![]() Scheinbar ist es wohl zu spät geworden.......... Hat jemand eine Lösung
__________________
</ulle> |
|
|||
![]()
Wurscht gepellt
![]() Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head><title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> <!-- html,body { margin: 0; padding: 2px 2px 0 2px; background-color: #FF9933; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100.01%; } #frame { max-width: 1050px; /* für IE max-width BUG siehe unten, [Conditional Comments] */ margin: 0px auto; border: 3px solid #666666; padding: 3px 5px; background-color: #FFFFFF; } p { margin: 1.4em 0; font-size: 0.8em; } @media print { #frame { width: 200px; } } --> </style> <!--[if gte IE 5]> <style type="text/css"> @media screen { #frame { width:expression(document.body.clientWidth > 1050? "1050px": "auto" ); } } </style> <![endif]--> </head> <body> <div id="frame"> Ich kann den IE6 nicht davon überzeugen das er den Conditional Comments nur beim SCREEN anwendet. Wie gesagt, einfach mal den CC ungültig machen und schon ist in der Druckvorschau der #frame nur noch 200px breit..... </p> </div> </body></html> Hat den niemand eine Idee ![]() Des weiteren würde mich noch interessieren ob andere Browser es denn ordentlich können. Firebird 0.7 ![]()
__________________
</ulle> |
|
|||
![]()
DOCH
![]() Wenn Du den Conditional Comments heraus nimmst ist in der Druckvorschau die #frame-BOX nur noch 200px breit ![]() ![]() Code:
@media print { #frame { width: 200px; } } ![]()
__________________
</ulle> |
|
|||
![]()
Teilerfolg
![]() Es sind nicht die Conditional Comments sondern der [expression], der die Probleme macht, denn so geht es ![]() Code:
<!--[if gte IE 5]> <style type="text/css"> @media screen { #frame { width: 1050px; } @media print { #frame { width: 200px; } } </style> <![endif]--> ![]() ![]() [edit] Stellt sich dennoch die Frage warum der [expression] im PRINT-Mode überhaupt zieht, zumal der IE ja nach @media screen/print unterscheiden kann. Oder mache ich einen Denkfehler ![]() [/edit]
__________________
</ulle> |
Sponsored Links |
|
|||
![]()
Svend Tofte hat sich dazu geäußert
![]() Da ich ja keine Ruhe lassen kann, habe ich mich mal per Email, wegen diesem PRINT-BUG, bei Svend Tofte gemeldet. ![]() ![]() Folgende Antwort erhalten: Zitat:
Nun ist mein Englich nicht das Beste, trotzdem glaube ich ihn verstanden zu haben.
__________________
</ulle> |
Sponsored Links |
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verschiebungen bei größerem Bildschirm | seelefant | CSS | 4 | 28.07.2014 16:43 |
Navigation positionieren | maybebabe | CSS | 4 | 08.04.2013 23:17 |
Responsive webdesign: horizontales Menü mit angepasster Schriftgröße | Spencer | Javascript & Ajax | 3 | 19.09.2012 00:16 |
Ausrichtung Kalender | greece4u | CSS | 20 | 14.05.2012 14:32 |
link funktioniert nicht im IE | ThomThom | (X)HTML | 11 | 06.05.2005 22:50 |