ThomasLa: Genial: Internet Explorer (6&7) zeigt den Text einfach nicht an!

Beitrag lesen

SELF-Forum

Genial: Internet Explorer (6&7) zeigt den Text einfach nicht an!

ThomasLa
– Informationen zu den Bewertungsregeln

Lustiges Text-Suchspiel mit unserem allseits beliebten Windows-Kacker: Schaut euch mal dieses Beispiel an:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
 <title>Zu schwer f&uuml;r den Windows-Kacker</title>  
</head>  
<body>  
 <div style="background:#fff; border:1px solid black;">  
  <div style="width:435px; float:left;">  
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.  
  </div>  
  <div>  
   LANG LEBE MICRO$OFT UND SEINE TOLLEN BROWSER!  
  </div>  
  <div style="clear:left;"></div>  
 </div>  
</body>  
</html>

Rechts neben Lorem ipsum müsste ja der LANG LEBE Satz stehen. Aber wo ist er? Fahrt mit der Maus drüber und beobachtet, wie sich der Cursor verändert. Wenn ihr dann "blind" markiert, könnt ihr den Text sichtbar machen!

So wie ich das sehe, entsteht das Problem durch die Kombination dieser Faktoren:
*) background beim ersten <div>
*) border beim ersten <div>
*) float beim zweiten <div>
*) Lorem impsum länger als 1 Zeile
*) clear:left beim letzten <div>
Sobald man IRGENDEINEN dieser Punkte elimiert, funktioniert alles normal.

Der Code geht beim W3C Validator anstandslos durch - nur für M$ ist die Kombination von 5 Standard-Einstellungen eben zu schwierig ;-(

Beitrag melden
–
Informationen zu den Bewertungsregeln