Timm: Padding und Tables

Beitrag lesen

Hallo,

ich habe dauernd Probleme mit dem Internet Explorer (mit Mozilla Firebird klappt alles)

Hier erstmal der kleine Code:

<div style="padding: 20px;">
<table border="1" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>Left</td>
<td>Right</td>
</tr>
</table>
</div>

Ich habe mir das so überlegt:
Ich mache mit dem Div-Tag einen neuen Bereich. Alle Inhalte sollen einen Abstand von 20px zu dem Rand dieses Bereichs haben. Ok, dort setze ich jetzt also eine Tabelle rein, diese soll auch einen Abstand von 20px zum Rand des Div-Bereichs haben, aber es soll ansonsten 100% des Restes einnehmen. (Ich hoffe, ihr versteht, was ich meine)

Wie gesagt, Mozilla FireFox interpretiert alles richtig. Aber der IE scheint diese 100% nicht zu verstehen, er scheint die 100% auf die gesamte Seite zu beziehen, weshalb auch Scrollbars entstehen!

Wie kann ich das Problem lösen?