Problem mit Tabellenbreite und CSS-Box Model

[Nina]

Hallo an alle,

ich habe folgendes Problem:
Ich habe eine Seite welche je nach Größe des Browserfensters skalieren soll - d.h. keine absolute Breitenangaben.

In der Seite gibt es ein <div> welches den Inhalt der Seite enthält. Innerhalb des <div> soll der Inhalt mit 10px Abstand zum <div>-Rand dargestellt werden (padding: 0 10 0 10).

Das klappt bei allen verwendeten html-Elementen auch wunderbar (<p>, <h1-h3>...). Nur bei Tabellen gibt es da schwierigkeiten. Diese werden im gegensatz zu den anderen Elementen nicht in voller Breite dargestellt. Daher muss ich eine width von 100% festlegen.

Wenn ich das tue, ist die tabelle aufgrund des css-box-models allerdings auf der rechten Seite nicht mehr mit den anderen Elementen innerhalb des <div> ausgerichtet.

Kann mir da jemand weiterhelfen?
Vielen Dank im Voraus.
Anbei noch der Code: ich habe die einzelnen Bereiche farblich markiert.

<div style="padding: 0 10 0 10; margin:0 20 0 20; background-color:green;"><br>div
  <p style="background-color:blue;">p</p>
  <table style="background-color:red;">
   <tr>
    <td>Tabelle</td>
   </tr>
  </table>
  <br>
</div>

[MudGuard]

Hi,

In der Seite gibt es ein <div> welches den Inhalt der Seite enthält. Innerhalb des <div> soll der Inhalt mit 10px Abstand zum <div>-Rand dargestellt werden (padding: 0 10 0 10).

10 was? 10 Kilometer? 10 Lichtjahre?
Bei Längen-Werten ungleich 0 muß eine Einheit folgen.

cu,
Andreas

[Nina]

10 was? 10 Kilometer? 10 Lichtjahre?
Bei Längen-Werten ungleich 0 muß eine Einheit folgen.

10px, schreib ich aber normal auch hin. habs nur jetzt weggelassen.
ich glaube es liegt aber nicht daran, oder?
abstrahieren heisst hier die Devise;-)