freebyte: div overflow:auto sprengt body

Beitrag lesen

SELF-Forum

div overflow:auto sprengt body

freebyte
– Informationen zu den Bewertungsregeln

Ich versuch hier gerade die Oberfläche einer etwas älteren Anwendung zu flicken weil sich beim Update von Firefox 2.x auf 3.x irgendwas geändert hat.

Umstellung auf CSS ist in der Mache, aber so flink geht das nicht.

Das Problem kommt mir bekannt vor, ich find nur nirgends eine Lösung:

Body -> Tabelle. Darin steckt in einer Spalte ein div mit overflow:auto

Ausserdem ist white-space:nowrap gesetzt.

Rein theoretisch sollte der das nun so rendern: <table> auf Breite des <body>, <td> auf Breite der Table, <div> auf Breite der TD und dann Scrollbalken einbauen wenn der Inhalt zu breit oder zu lang ist.

Stattdessen macht er "neuerdings" die Tabelle einfach so breit bis alles reinpasst statt zu Scrollen und sprengt dabei den <body>

Ich hab das mal auf ein simples Beispiel heruntergebrochen mit paar farbigen Rändern dazu:

  
<html>  
  <style>  
   * {white-space:nowrap}  
   .scroll {overflow:auto; border:1px solid red}  
   body	{border:1px solid blue}  
   table {border:2px dotted green; width:500px}  
  </style>  
  
  <body>  
    <table>  
      <tr>  
        <td>  
          Sonstwas  
        </td>  
        <td>  
          <div class="scroll">  
              alödlasdfk fa aslödf asldf jkalsdf jklasdjkf klaösdfj löasdfj klöasdf löasd jf lasdfj öalsdkfj öalsdkjf löasdf ölasdjkf löasdfj löasdjkf löaskdjf löasjkdf ölasjkdf löasdjf löasdfjk a  
          </div>  
        </td>  
      </tr>  
    </table>  
  </body>  
</html>

Was tun?

Beitrag melden
–
Informationen zu den Bewertungsregeln