|
|||
@print - IE-BUG [expression] / background-color
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] Ich wußte das mir die Teile Probleme machen werden....
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 Druckvorschau ist ohne Formatierung Scheinbar ist es wohl zu spät geworden.......... Hat jemand eine Lösung
__________________
</ulle> |
|
|||
Wurscht gepellt so nun habe ich auch mein Problem mal aus dem Code 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 OK
__________________
</ulle> |
|
|||
DOCH
Wenn Du den Conditional Comments heraus nimmst ist in der Druckvorschau die #frame-BOX nur noch 200px breit also versteht der IE6 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. http://www.svendtofte.com/ http://www.svendtofte.com/code/max_width_in_ie/ Folgende Antwort erhalten: Zitat:
Nun ist mein Englich nicht das Beste, trotzdem glaube ich ihn verstanden zu haben.
__________________
</ulle> |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
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 |