CSS-Problem mit IE 7

Beim IE 7 hat die eingebundene “print.css” Wirkung auch bei der Bildschirmdarstellung! In folgendem Beispiel wird die Vergleichsbox ausgeblendet. Kann man die “print.css” selektiv nur dann einbinden, wenn gedruckt wird?

[quote=„avenger“]Kann man die „print.css“ selektiv nur dann einbinden, wenn gedruckt wird?[/quote] Kann man! In „templates_default\frontend\index\header.tpl“ {\* Print Stylesheets \*} {block name="frontend\_index\_header\_css\_print"} <link type="text/css" rel="stylesheet" media="print" href="%7Blink%20file='frontend/_resources/styles/print.css'%7D">{/block} ersetzen mit {\* Print Stylesheets \*} {block name="frontend\_index\_header\_css\_print"}<style type="text/css"> @media print { @import url("print.css"); } </style>{/block}

Hey, danke für den Hinweis. Habe dafür ein Ticket aufgemacht. http://85.158.178.130/trac/ticket/100147

[quote=“avenger”][quote=“avenger”]Kann man die “print.css” selektiv nur dann einbinden, wenn gedruckt wird?[/quote] Kann man! In “templates_default\frontend\index\header.tpl” {\* Print Stylesheets \*} {block name="frontend\_index\_header\_css\_print"} <link type="text/css" rel="stylesheet" media="print" href="%7Blink%20file='frontend/_resources/styles/print.css'%7D">{/block} ersetzen mit {\* Print Stylesheets \*} {block name="frontend\_index\_header\_css\_print"}<style type="text/css"> @media print { @import url("print.css"); } </style>{/block}[/quote] Kommando zurück, so funktioniert das leider nicht! Das Problem ist, dass die “print.css” immer geladen sein muss, damit die Bestellbestätigung gedruckt werden kann. Die Lösung sieht jetzt so aus: In “templates_default\frontend\index\header.tpl” {\* Print Stylesheets \*} {block name="frontend\_index\_header\_css\_print"} <link type="text/css" rel="stylesheet" media="print" href="%7Blink%20file='frontend/_resources/styles/print.css'%7D">{/block}[color=red]beibehalten![/color] In “frontend_resources\styles\print.css” die vorhandenen CSS-Anweisungen [color=red]einschließen[/color] in @media print { ..... vorhandene CSS-Anweisungen ...... }

1 Like