nicht angemeldet
Hi,
folgender html-code:
<html>
<head>
<style type="text/css">
DIV.content TABLE.aussen TD
{
border: 1px solid #000000;
}
TABLE.innen TD
{
border: 0px;
}
</style>
</head>
<body>
<div class="content">
<table class="aussen">
<tr>
<td>aussen 1</td>
</tr>
<tr>
<td>
<table class="innen">
<tr>
<td>innen 1</td>
<td>innen 1</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
müsste bewirken, dass die äussere tabelle einen rahmen um jede zelle bekommt und die innere tabelle keinen rahmen. allerdings bekommt jede innere tabelle auch einen rahmen drumherum. das ist im firefox, wie ie so.
wenn ich die css-definition so schreibe:
DIV.content TABLE.aussen TD
DIV.content TABLE.innen TD
oder so:
TABLE.aussen TD
TABLE.innen TD
dann klappt es, aber warum nicht so wie oben????