Zellengröße entspricht nicht den Werten in der CSS

[Herbertus]

Hallo,

ich hab eine kurze Frage.

Wenn ich eine Tabelle habe und in der CSS-Datei die Zellengröße über

.zelle {
	width: 16px !important;
	height: 16px !important;
}

festlege - warum sie dann nicht genommen wird. Ich habe das sowohl schon mit als auch ohne !important probiert, aber er nimmt sie einfach nicht so, wie sie dar steht. Auch mit min- und max- hab ich es probiert.

Wenn ich mir das in dem Developer-Tool von Chrome anschaue, dann sieht es wie folgt aus:

Computed Style:
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
background-position: 50% 50%;
border-bottom-color: gray;
border-bottom-style: inset;
border-bottom-width: 1px;
border-collapse: collapse;
border-left-color: gray;
border-left-style: inset;
border-left-width: 1px;
border-right-color: gray;
border-right-style: inset;
border-right-width: 1px;
border-top-color: gray;
border-top-style: inset;
border-top-width: 1px;
color: #BC5555;
display: table-cell;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 12px;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
text-align: center;
vertical-align: middle;
white-space: normal;
width: 14px;

Aus der CSS liest er für die Zelle jedoch:

.zelle {
width: 16px !important;
height: 16px !important;
font-family: Helvetica, Arial, sans-serif;
text-align: center;
font-size: 8pt;
}

Übersehe ich irgendwas oder mache etwas verkehrt? Eigentlich sollten die Zellen (es sind mehrere) in die Tabelle passen und am Ende ist eine Zelle, welche keine feste Größe hat und den Rest des Platzes einnimmt.

mfg

 

[superoelk]

Also bei mir geht das mit der Zellbreite mittels width ohne Probleme.
Poste mal deine HTML-Datei... Vielleicht liegt ja da das Übel ;-)

Gruß

 

[franz007]

Hallo

Du kannst in den Entwicklertools von Chrome die gesetzten Eigenschaften auch nachverfolgen.
Bei Computed Style lässt sich jede Eingeschaft aufklappen und du siehst welche css datei welche Eigenschaften deffiniert und vor allem wie sie Überschrieben werden.

Wenn du die Eigenschaften für mehrere Zellen setzen willst versuche das allgemeiner zu formulieren und nicht jeder eine Klasse zu geben.
Zb für eine ganze (best) Zeile setzen:

tr.wichtig > td{
font-weight: bolder;
}