Darstellungsfehler IE6

Status
Nicht offen für weitere Antworten.
Du sollst nicht das DIV BoxF, sondern das darin eingebundene leere DIV entfernen:

Code:
<div class="BoxF">
       <div></div>
</div>
 
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

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>
in ein Testdokument eingefügt, und dieses mit der CSS-Datei http://www.ebay.struga.de/yaml/css/main/base.css verlinkt.
 

Anhänge

  • test_tonik.jpg
    test_tonik.jpg
    39,5 KB · Aufrufe: 30
Ich vermute, dass es mit dem eingesetzten "iepngfix.htc"-Hack zusammenhängt, da dieser die Hintergrundbilder im IE6 nicht wiederholt.

Versuch es anstelle des Hacks mal mit dieser Methode, die du auf alle Boxen anwendest, in denen das transparente PNG-Hintergrundbild wiederholt werden soll:

Code:
<!-- 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

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>
in ein Testdokument eingefügt, und dieses mit der CSS-Datei http://www.ebay.struga.de/yaml/css/main/base.css verlinkt.

das wird bei mir so auch angezeigt (nicht transparent)
sobal ich den cod für transparente png einschaltet werden nicht alle bilder angezeigt
<style type="text/css">
img, div { behavior: url(../scripts/iepngfix.htc) }
</style>


http://www.ebay.struga.de/yaml/template/yamlie.html (ohne iepngfix.htc)
http://www.ebay.struga.de/yaml/template/yaml.html (mit iepngfix.htc)
 
Status
Nicht offen für weitere Antworten.
Zurück