Table grösse auf 30% mit verschachtelten Tables
Aquariophile
- css
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!
<!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>
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; }
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