nicht angemeldet
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>