Ralf: Problem mit DOCTYPE und/oder position:relative im IE

Beitrag lesen

Hallo,

ich möchte mit folgender Konstruktion erreichen, dass Text nur innerhalb eines bestimmten Bereiches angezeigt wird:

  
<!DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 4.01\/\/EN">  
<body bgcolor=buttonface>  
<div id="Preview" style="width:333px;height:150px">  
  <table style="background:white"><tr><td>  
    <div style="overflow:hidden;background:lightblue;margin:5mm;width:60mm;height:20mm">  
      <span style="position:relative;white-space:nowrap">  
          Dieser Text ist zu lang und soll nur in dem hellblauen Bereich ohne Umbruch erscheinen.  
      </span>  
    </div>  
  </td></tr></table>  
</div>  
</body>  

Das funktioniert im Firefox, aber nicht im IE. Wenn ich jedoch die DOCTYPE Definition weglasse, klappt es. Die habe ich aber für das korrekte Box-Modell drin.
Es klappt auch, wenn ich position:relative beim SPAN wegnehme. Dies wird aber benötigt, weil der Bereich positioniert werden soll (left/top kommen später hinzu).

Mache ich was falsch bzw. wie kann ich das Problem umgehen?

Ralf