hs: IE zeigt Text nur bei font-size:100% oder längeren String an

Beitrag lesen

SELF-Forum

IE zeigt Text nur bei font-size:100% oder längeren String an

hs
– Informationen zu den Bewertungsregeln

Hallo,

hab' folgendes Problem und finde dazu hier im Forum keine passende Lösung:

Im "hellen magenta" Feld neben dem roten Kasten steht Text. FF zeigt diesen korrekt an. Der IE6 jedoch nicht. Erst wenn ich den Text auf 100% setze oder die Textlänge verdoppele - wird dieser im IE ebenfalls angezeigt oder man markiert den Text mit der linken Maustaste oder klickt dort "blind" auf den Link ... dann wird der Text/Link ebenfalls sichtbar. <grummel>

Ich finde den Fehler nicht. Kann mir hier jemand dazu helfen?

Der Source ist auf's nötige zusammengekürzt und die div soweit eingefärbt:

##############

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html dir="ltr" lang="de">  
<head>  
<title>Test</title>  
  
<style type="text/css">  
  
.boxbody {  
  color: #385079;  
  font-size: 70%;  
  background:#0000FF;  
}  
  
.box_product {  
  min-height:170px;  
  height:170px;  
  width:210px;  
  background:#FF00FF;  
}  
  
DIV.body {  
  background:#FFAAFF;  
}  
  
.prodimg {  
  float:right;  
  width:100px;  
  height:100px;  
  background:#FF0000;  
}  
  
.clear{  
  clear:both;  
  height:1px;  
  line-height:1%;  
  font-size:0px;  
  margin-bottom:-1px;  
}  
  
.prodlist_products_name {  
  color: #754D45;  
}  
  
.box_fr a, .box_fl a {  
  display:block;  
}  
</style>  
</head>  
<body>  
  <div class="boxbody">  
      <div class="box_product">  
        <div class="body" style="text-align:left;">  
          <div style="background:#FF00FF;">  
            <div class="prodimg">&nbsp;</div>  
            <div >&nbsp;</div>  
          </div>  
          <a class="prodlist_products_name" href="#">qwopier poqwie poqwi epqowie poqwi epoi qwepoiqwe</a>  
          <div class="clear">&nbsp;</div>  
          <div style="vertical-align:middle; text-align:right; background:#FFFF00;">  
            &nbsp;  
          </div>  
        </div>  
      </div>  
  </div>  
</body>  
</html>

##############

Herzlichen Dank.

Beitrag melden
–
Informationen zu den Bewertungsregeln