M
Maik
Hab ich doch umschrieben:
Und welches zu wiederholende Hintergrundbild wird im IE nicht angezeigt? Das im DIV BoxF, oder?
Install the app
How to install the app on iOS
Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature currently requires accessing the site using the built-in Safari browser.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder ein alternativer Browser verwenden.
Du solltest ein Upgrade durchführen oder ein alternativer Browser verwenden.
✔ Darstellungsfehler IE6
- Themenstarter tonik
- Beginndatum
- Status
- Nicht offen für weitere Antworten.
Hab ich doch umschrieben:
Und welches zu wiederholende Hintergrundbild wird im IE nicht angezeigt? Das im DIV BoxF, oder?
ist das so richtig
Code:
<!-- Dieses Stylesheet gilt für alle modernen Browser -->
<style type="text/css">
<!--
.BoxHeader { background: url(../../img/bgTop_1.png) repeat-x; }
.BoxLEcke {background: url(../../img/bgTopLeft_.png) no-repeat; }
.BoxREcke {background: url(../../img/bgTopRight_.png) no-repeat; }
.BoxBLEcke {background: url(../../img/bgBottomLinks.png) no-repeat; }
.BoxBREcke {background: url(../../img/bgBottomRechts.png) no-repeat; }
.BoxF {background: url(../../img/bgBottom.png) repeat-x;}
/* usw. */
-->
</style>
<!-- Dieser Conditional Comment incl. Stylesheet gilt für IE <7 -->
<!--[if lt IE 7]>
<style type="text/css">
.BoxHeader { background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../../img/bgTop_1.png'); }
.BoxLEcke { background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../../img/bgTopLeft_.png'); }
.BoxREcke { background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../../img/bgTopRight_.png'); }
.BoxBLEcke { background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../../img/bgBottomLinks.png'); }
.BoxBREcke { background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../../img/bgBottomRechts.png'); }
.BoxF { background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../../img/bgBottom.png'); }
/* usw. */
</style>
<![endif]-->
Zuletzt bearbeitet:
M
Maik
Nein.
Und wie ich gerade festgestellt habe, muss der "AlphaImageLoader"-Hack lediglich auf die abgerundeten Ecken angewendet werden:
Und wie ich gerade festgestellt habe, muss der "AlphaImageLoader"-Hack lediglich auf die abgerundeten Ecken angewendet werden:
Code:
<!-- Gilt für alle modernen Browser -->
<style type="text/css">
.BoxHeader { background-image: url(http://www.ebay.struga.de/yaml/img/bgTop_1.png); }
.BoxLEcke {background-image: url(http://www.ebay.struga.de/yaml/img/bgTopLeft_.png); }
.BoxREcke {background-image: url(http://www.ebay.struga.de/yaml/img/bgTopRight_.png); }
.BoxBLEcke {background-image: url(http://www.ebay.struga.de/yaml/img/bgBottomLinks.png); }
.BoxBREcke {background-image: url(http://www.ebay.struga.de/yaml/img/bgBottomRechts.png); }
.BoxF {background-image: url(http://www.ebay.struga.de/yaml/img/bgBottom.png); }
</style>
<!-- Gilt für IE < 7 -->
<!--[if lt IE 7]>
<style type="text/css">
.BoxLEcke { background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ebay.struga.de/yaml/img/bgTopLeft_.png'); }
.BoxREcke { background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ebay.struga.de/yaml/img/bgTopRight_.png'); }
.BoxBLEcke { background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ebay.struga.de/yaml/img/bgBottomLinks.png'); }
.BoxBREcke { background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ebay.struga.de/yaml/img/bgBottomRechts.png'); }
</style>
<![endif]-->Nein.
Und wie ich gerade festgestellt habe, muss der "AlphaImageLoader"-Hack lediglich auf die abgerundeten Ecken angewendet werden:
Code:<!-- Gilt für alle modernen Browser --> <style type="text/css"> .BoxHeader { background-image: url(http://www.ebay.struga.de/yaml/img/bgTop_1.png); } .BoxLEcke {background-image: url(http://www.ebay.struga.de/yaml/img/bgTopLeft_.png); } .BoxREcke {background-image: url(http://www.ebay.struga.de/yaml/img/bgTopRight_.png); } .BoxBLEcke {background-image: url(http://www.ebay.struga.de/yaml/img/bgBottomLinks.png); } .BoxBREcke {background-image: url(http://www.ebay.struga.de/yaml/img/bgBottomRechts.png); } .BoxF {background-image: url(http://www.ebay.struga.de/yaml/img/bgBottom.png); } </style> <!-- Gilt für IE < 7 --> <!--[if lt IE 7]> <style type="text/css"> .BoxLEcke { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ebay.struga.de/yaml/img/bgTopLeft_.png'); } .BoxREcke { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ebay.struga.de/yaml/img/bgTopRight_.png'); } .BoxBLEcke { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ebay.struga.de/yaml/img/bgBottomLinks.png'); } .BoxBREcke { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ebay.struga.de/yaml/img/bgBottomRechts.png'); } </style> <![endif]-->
wen ich diesen cod angebe werde die boxen durscheinander siehe: http://www.ebay.struga.de/yaml/template/yaml__1.html
M
Maik
Kann es sein, dass du das hier für den IE vergessen hast?
Code:
<!--[if lte IE 7]>
<link href="../css/explorer/iehacks_3col_fixed.css" rel="stylesheet" type="text/css" />
<![endif]-->Kann es sein, dass du das hier für den IE vergessen hast?
Code:<!--[if lte IE 7]> <link href="../css/explorer/iehacks_3col_fixed.css" rel="stylesheet" type="text/css" /> <![endif]-->
DANKE DANKE DANKE alles wunderbar mit dem PNG Bilder.
ich habe noch eine Bitte!!
weshalb der IE den Abstand zu den beiden äußeren Spalten vergrössert, ob man das noch verbessern kann.
==DANKE== ==DANKE==
M
Maik
Erweiter mal in der basemod.css die Regel für das DIV #col3_content folgendermaßen:
Code:
#col3_content {
margin-left:0em !important;
margin-left:-3px;
margin-right:0em !important;
margin-right:-3px;
}Erweiter mal in der basemod.css die Regel für das DIV #col3_content folgendermaßen:
Code:#col3_content { margin-left:0em !important; margin-left:-3px; margin-right:0em !important; margin-right:-3px; }
Sorry das ich erst jetzt mich melde
ich habs col3_content Erweitert, es gibt kein Änderung.
M
Maik
Bei mir funktioniert's einwandfrei und führt zum gewünschten Ergebnis: der Abstand zu den äußeren Spalten verringert sich.
Bei mir funktioniert's einwandfrei und führt zum gewünschten Ergebnis: der Abstand zu den äußeren Spalten verringert sich.
Kommich jetzt funktioniert`s auch bei mir.
==DANKE== ===DANKE===
- Status
- Nicht offen für weitere Antworten.
