Aquariophile: Table grösse auf 30% mit verschachtelten Tables

Hallo

Der gelbe Table sollte gleich gross sein wie der aussere schwarze,
die haben ja beide die definition mit den 30% width....
Abgesehen von dem 1px padding halt...

naja jedenfalls ist der schwarze richtig dargestellt mit 30% bildschirmbreite
aber der gelbe innere ist viel zu klein!!

Getestet in Opera und Mozilla unter Linux.

Bitte um Hilfe!
Danke!

===========
HTML-Datei

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
        "http://www.w3.org/TR/REC-html40/strict.dtd">

<html>

<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<table class="gross">
<tr>
<td class="gross">

<table class="klein">
<tr>
<td class="klein">

foobar

</td>
</tr>
</table>

</td>
</tr>
</table>

</html>

===============
CSS Stylesheet:

table.gross { width: 30%; }
table.klein { width: 30%;  }

td.gross { padding: 1px; background-color: #000000; font-family:Arial,sans-serif; font-size:23.4px; color:#cc0000; }
td.klein { padding: 2cm; background-color: #FFCC00; font-family:Arial,sans-serif; font-size:13.4px; color:#cc0000; }

  1. Ei guude wie?

    Der gelbe Table sollte gleich gross sein wie der aussere schwarze,
    die haben ja beide die definition mit den 30% width....

    Eben das ist meines Erachtens das Problem. Die äußere Tabelle hat 30% Breite des gesamten Fensters, die innere 30% der Gesamtbreite der äußeren Tabelle! Die prozentualen Angaben beziehen sich immer auf das übergeordnete Element.
    Versuch mal, die innerer Tabelle auf 100% zu setzen.

    LG ausm Hesseland
    Lemmy

    http://www.olison.com

    --
    Realität ist die Illusion, die durch ein zu geringes Maß an Alkohol entsteht...