# CSS-Problem mit IE 7

**URL:** <https://forum.shopware.com/t/css-problem-mit-ie-7/1969>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [26. Februar 2011 um 05:18 UTC](https://forum.shopware.com/t/css-problem-mit-ie-7/1969 "2011-02-26T05:18:58Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![avenger](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@avenger](https://forum.shopware.com/u/avenger)\
**Post date:** [26. Februar 2011 um 05:18 UTC](https://forum.shopware.com/t/css-problem-mit-ie-7/1969/1 "2011-02-26T05:18:58Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![avenger](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@avenger](https://forum.shopware.com/u/avenger)\
**Post date:** [26. Februar 2011 um 05:32 UTC](https://forum.shopware.com/t/css-problem-mit-ie-7/1969/2 "2011-02-26T05:32:33Z")

</div>

[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}`

---

<div class="post-metadata">

**Author:** ![Stefan\_Hamann](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)\
**Post date:** [26. Februar 2011 um 13:04 UTC](https://forum.shopware.com/t/css-problem-mit-ie-7/1969/3 "2011-02-26T13:04:26Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![avenger](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@avenger](https://forum.shopware.com/u/avenger)\
**Post date:** [27. Februar 2011 um 07:20 UTC](https://forum.shopware.com/t/css-problem-mit-ie-7/1969/4 "2011-02-27T07:20:28Z")

</div>

[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 ...... } `