nicht angemeldet
tabellen css in einem div spinnt
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????
-
Hi,
DIV.content TABLE.aussen TD
Spezifität: 2 Klassen und 3 Elemente
TABLE.innen TD
Spezifität: 1 Klasse und 2 Elemente.
freundliche Grüße
Ingo-
hmm, aber wäre es in diesem falle nicht andersherum sinnvoller: ich weiss, das TABLE.innen immer ohne borders dargestellt wird, egal in welchen anderen elementen sie sich befindet?!
ist das dann jetzt nur durch das angeben von "!important" lösbar?
ist es denn prinzipiell sinnvoll, css angaben zu schachteln a la :
DIV FIELDSET TABLE TD TEXTAREA
oder eher zu schreiben:
DIV.content
FIELDSET.inhalt1
TABLE.angaben
TD.value
TEXTAREA.form1ich fand die erste schreibweise bisher ganz hilfreich, weil man eben nicht alle elemente mit klassen versehen muss, aber wenn es dann solche probleme gibt, wirft das natürlich mein gesamtes konzept über den haufen.
-
hi,
ist es denn prinzipiell sinnvoll, css angaben zu schachteln
gehe einen schritt zurück, und stelle dir erst mal die frage. ob es sinnvoll ist tabellen zu verschachteln.
(in den allermeisten fällen dürfte es das nicht sein.)ich fand die erste schreibweise bisher ganz hilfreich, weil man eben nicht alle elemente mit klassen versehen muss, aber wenn es dann solche probleme gibt,
da gibt es keine "probleme" - es funktioniert so, wie es soll.
wenn deine _erwartungen_ noch nicht mit dem übereinstimmen, dann musst du deine kenntnisse per selektoren ein wenig erweitern - beschäftige dich eingehender mit http://de.selfhtml.org/css/formate/kaskade.htmgruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
-
-