Hi Beat,

Ich möchte eine Tabelle (<table>) mit css derart darstellen, dass diese »» Der Default ist nicht normiert. browser können ihr eigenes Browserstylesheet abweichend voneinander gestalten.
Und der Default ist meiner Erfahrung gemäss
margin-right:0;
margin-left:auto;
width:auto;

Ok, da hast Du Recht, auf browserübergreifende Defaults kann man nicht hoffen.

table{width:100%; margin:0; padding:0; border:0;}

width:100% bewirkt aber nicht dasselbe Verhalten wie bei einem <div>! Genau *das* ist der Punkt, um den es mir geht:

Betrachtet folgendes Beispiel:

  
<h2>Das gleiche mit einem <code>div</code></h2>  
  
<div style="height: 200px; overflow: auto; background-color: lime;">  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
<p>Test</p>  
</div>  
  
<div style="width: 300px; height: 300px; background-color: yellow; overflow: auto;">  
<p style="border: 3px solid blue; padding: 10px; width:100%;">Mit width 100%</p>  
<p style="border: 3px solid blue; padding: 10px; ">Ohne width 100%</p>  
</div>  

Ich würde meine Tabelle gerne so (mit css) darstellen, das diese aussieht wie mein <div>.

Am Beispiel mit dem <div> und den eingeschachtelten <p>s sieht sieht man den Unterschied, den ich meine!
Wenn <p> "width=auto" kriegt, bekommt es die gesamte Breite des umschließenden <div>s. Mit width=100% "zuviel" Breite, Stichwort Boxmodell incls. padding und border...

Viele Grüße
Daniel