ich hab mite iepngfix umgesetz es werde nicht alle Bilder dargestellte
sihe mit IE 6 an: http://www.ebay.struga.de/yaml/template/yaml.html
sihe mit IE 6 an: http://www.ebay.struga.de/yaml/template/yaml.html
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.
<div class="BoxF">
<div></div>
</div>
Du sollst nicht das DIV BoxF, sondern das darin eingebundene leere DIV entfernen:
Code:<div class="BoxF"> <div></div> </div>
<div class="box62L">
<div class="BoxTop">
<div class="BoxLEcke"></div>
<div class="BoxREcke"></div>
<div class="BoxHeader"><h1>top_news</h1> </div>
</div>
<div class="boxmittelL">
<ul>
<li id="current"><a href="#">Button 1</a></li>
<li><a href="#">Button 2</a></li>
<li><a href="#">Button 3</a></li>
<li><a href="#">Button 4</a></li>
<li><a href="#">Button 5</a></li>
</ul>
</div>
<div class="BoxB">
<div class="BoxBLEcke"></div>
<div class="BoxBREcke"></div>
<div class="BoxF"></div>
</div>
</div>
<!-- Dieses Stylesheet gilt für alle modernen Browser -->
<style type="text/css">
<!--
div.box1 { /* box1 = frei gewählter Klassenname, den du entsprechend ändern musst */
background-image: url(pfad/zur/grafik1.png);
}
div.box2 { /* box2 = frei gewählter Klassenname, den du entsprechend ändern musst */
background-image: url(pfad/zur/grafik2.png);
}
/* usw. */
-->
</style>
<!-- Dieser Conditional Comment incl. Stylesheet gilt für IE <7 -->
<!--[if lt IE 7]>
<style type="text/css">
div.box1 { /* box1 = frei gewählter Klassenname, den du entsprechend ändern musst */
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='pfad/zur/grafik1.png');
}
div.box2 { /* box2 = frei gewählter Klassenname, den du entsprechend ändern musst */
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='pfad/zur/grafik2.png');
}
/* usw. */
</style>
<![endif]-->
Also grundsätzlich wird bei mir im IE6 die untere Grafik bgBottom.png angezeigt, wie der angehängte Screenshot beweist.
Hierfür habe ich lediglich diesen Abschnitt
in ein Testdokument eingefügt, und dieses mit der CSS-Datei http://www.ebay.struga.de/yaml/css/main/base.css verlinkt.Code:<div class="box62L"> <div class="BoxTop"> <div class="BoxLEcke"></div> <div class="BoxREcke"></div> <div class="BoxHeader"><h1>top_news</h1> </div> </div> <div class="boxmittelL"> <ul> <li id="current"><a href="#">Button 1</a></li> <li><a href="#">Button 2</a></li> <li><a href="#">Button 3</a></li> <li><a href="#">Button 4</a></li> <li><a href="#">Button 5</a></li> </ul> </div> <div class="BoxB"> <div class="BoxBLEcke"></div> <div class="BoxBREcke"></div> <div class="BoxF"></div> </div> </div>
Siehe hierzu meinen letzten Beitrag.