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
Folge dem Video um zu sehen, wie unsere Website als Web-App auf dem Startbildschirm installiert werden kann.
Anmerkung: Diese Funktion ist in einigen Browsern möglicherweise nicht verfügbar.
<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.