Patrick Andrieu (noreg): Gelabber hilft gegen IE6 »dupicated characters bug«

Beitrag lesen

Hallo alle,

zwar mache ich für den IE6 schon lange keine großen Klimmzüge mehr, aber manchmal hilft einem der Zufall auf den Weg, es für den alten Dinosaurier doch noch gerecht zu machen.

Folgendes Konstrukt sei vorgegeben:

      <div class="partner">  
        <div class="columnl">  
          <p><a href="http://firma.example.com/"><img src="images/somepic.png" alt="short desc to somepic" title="" /></a></p>  
        </div><!-- /columnl -->  
  
  
        <div class="columnr">  
          <h3><a href="http://firma.example.com/">Firmenname</a></h3>  
          <h4>Überschrift zur Firma</h4>  
          <p>Hier kommt eine kurze aber prägnante Beschreibung der Firma, deren Banner in der linken Spalte steht.</p>  
        </div><!-- /columnr -->  
      </div><!-- /partner -->

im CSS:

#lpage div.partner { width: 100% }  
#lpage div.partner div { width: 368px; display: inline; float: left }  
#lpage div.partner div.columnl { padding: 0 40px 15px 0 }

Screenshot IE6:

Nachdem die margin-right/left-Lösung von PIE nicht funzen™ wollte und ich CC ungerne einsetze, wollte ich schon aufgeben (wie gesagt, für IE6 mache ich selten Extrawürste) und by the way die Kommentare hinter den schließenden »</div>« als Aufräumaktion entfernen.

Siehe da, statt »steht« war jetzt »te steht« als duplicated content zu sehen. Was passiert, wenn ich anstatt Kommentare zu entfernen, einige dazu notiere? Bingo! Die richtige Anzahl bringts:

        </div><!-- /columnr --><!-- --><!-- --><!-- --><!-- You may believe it or not: this few comments help against IE6 "duplicate characters bug" -->  
      </div><!-- /partner -->  

Keine duplication mehr! Dabei dachte ich, Kommentare triggern den Bug: http://forum.de.selfhtml.org/archiv/2008/6/t172075/#m1127089.

P.S.: Das war wieder keine Frage!

P.