snoot: Tabelle zwischen zwei Divs wird verschoben

Beitrag lesen

Hi,

ich möchte links und rechts neben einer Tabelle je ein Div haben. Das mach ich quasi so:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
  "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
  <head>  
    <title>Tabelle</title>  
  </head>  
  <body>  
    <div style="float:left; border:1px solid red">Links</div>  
    <div style="float:right; border:1px solid red">Rechts</div>  
    <table style="margin:0 auto; width:500px; border:1px solid black">  
      <tr>  
        <td>Tabelle</td>  
      </tr>  
    </table>  
  </body>  
</html>  

Problem: wenn das Browserfenster kleiner ist als die Breite von Tabelle+Divs, wird die Tabelle unter die beiden Divs verschoben. Wie kann ich das verhindern? Entweder sollen die Divs einfach links und rechts neben der Tabelle stehen bleiben, oder von mir aus hinter die Tabelle rutschen. Hauptsache, die Tabelle bleibt, wo sie ist.

Danke schon mal.