@print - IE-BUG [expression] / background-color - Seite 2

ulle · #11 (**permalink**) 30.06.2004, 11:53

Fazit

[expression]

geben die Möglich, nur im IE, JavaScript innerhalb einer CSS-Anweisung auszuführen.

Für die folgende Erklärung habe ich eine vereinfachte Rückgabe ohne Bedingung gewählt.

Code:

		@media screen {
		#frame { width: auto;}
		}
		@media print {
		#frame { width: 200px; }
		}

Druckvorschau

#frame-Container 200px breit

Code:

		@media screen {
		#frame { width: auto;}
		}
		@media print {
		#frame { width: expression("200px"); }
		}

Druckvorschau

#frame-Container 200px breit

Code:

		@media screen {
		#frame { width: expression("auto"); }
		}
		@media print {
		#frame { width: expression("200px"); }
		}

Druckvorschau

#frame-Container so breit wie Papier [BUG]

Code:

		@media screen {
		#frame { width: expression("auto"); }
		}
		@media print {
		#frame { width: 200px; }
		}

Druckvorschau

#frame-Container so breit wie Papier [BUG]

IE-EXPRESSION-PRINT-BUG

Eine im SCREEN-Mode per [expression] gesetzte CSS-Eigenschaft,
kann durch einschalten des PRINT-Mode, oder durch einen anderen Event - wie z.B. Resize-Window,
nicht mehr überschrieben werden

Zitat:

Zitat von ulle

Dies sollte sich jeder bewußt sein der IE-expression in seinem CSS benutzt.
Zum tragen kommt dieser BUG auch nur falls genau die Eigenschaft, die per [expression] gesetzt würde, im PRINT-Mode verändert werden soll.

Klassisches Beispiel:
max-width im IE mit JavaScript simulieren

Und wie bei BUGs so üblich

keine Lösung möglich

Ich frage mich gerade ob mir niemand helfen wollte oder keiner sonst [expression] benutzt.

come@death · #12 (**permalink**) 13.07.2004, 14:49

ich suche schon seit langem nach einer möglcihkeit per javascript herauszufinden, welchen media type der browser gerade nutzt... kennt jemand einen event, oder überhaupt irgendeine möglichkeit sowas herauszufinden?

ulle · #13 (**permalink**) 13.07.2004, 15:34

Zitat:

welchen media type der browser gerade nutzt...

Selbst wenn Du es wüßtest würde es nichts Nutzen.........Du kannst die [max-width -- simulation für den IE] ja mal einbauen und einen RESIZE (< max-width) vom Window tätigen, ergebnis ist nur ein RELOAD der Site läßt das [width: auto] erneut wirken.

come@death · #14 (**permalink**) 13.07.2004, 15:48

Zitat:

Selbst wenn Du es wüßtest würde es nichts Nutzen.........Du kannst die [max-width -- simulation für den IE] ja mal einbauen und einen RESIZE (< max-width) vom Window tätigen, ergebnis ist nur ein RELOAD der Site läßt das [width: auto] erneut wirken.

darauf wollte ich auch garnicht hinaus... es ging MIR nur einen weg, per javascript herauszufinden, welcher media type genutzt wird...

WBTMagnum · #15 (**permalink**) 22.06.2006, 18:11

Hallo,

Ganz nach dem Motto "Besser spät als nie", hier ein Workaround.

CSS bleibt wie gehabt. ZB:

Code:

#someElement {
  width: expression(document.body.clientWidth > 930? "930px": "auto" );
}

Dann folgendes JavaScript in die Seite "einbauen":

Code:

<script type="text/javascript">
<!--
prevWidth = 0;

function removeWidth() {
  o = document.getElementById("someElement");
  prevWidth = o.style.width;
  o.style.width = "auto";
}

function restoreWidth() {
  o = document.getElementById("someElement");
  o.style.width = prevWidth;
}

window.onbeforeprint=removeWidth;
window.onafterprint=restoreWidth;
-->
</script>

Dadurch werden die onbeforeprint und onafterprint Events vom IE gesetzt, sodass die Funktionen removeWidth() und restoreWidth() aufgerufen werden.

Dh vor jedem Druck wird die Breite des entsprechenden Elements auf "auto", und nach dem Drucken wieder zurück auf den Ausgangswert gesetzt.

Vielleicht hilft das ja noch jemandem weiter.

Liebe Grüße,
Sascha

andir · #16 (**permalink**) 23.06.2006, 11:02

Danke.

Werde das bei Gelegenheit mal ausprobieren. Hört sich sehr gut an.

grüsse

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ä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