Tabelle Zeilenhöhe

Meiner mangelnden Fähigkeiten von CSS ist geben mir Kopfschmerzen. Wie in diesem Bild unten, eingefangen von firebug:

Tabelle Zeilenhöhe

Verwendung einer wie GWT-framework namens Vaadin, ich habe eine Table-Komponente wird der name der Klasse m2m-modal-Tabelle und ich will ein min-height, um die vier Zeilen in dieser Tabelle. Allerdings kann ich nicht scheinen, um es zu arbeiten.. Und wie Sie sehen aus dem Bild, der Tabelle gar nicht zu haben scheinen, den Namen der Klasse m2m-modal-Tabelle aber v-Tabelle-Tabelle statt (Stile Hinzugefügt werden, die außerhalb meiner Beteiligung da bin ich mit einem bereits setup-framework Bibliothek sind).

Also, wer kann, wer gute Kenntnisse in CSS Klasse bezogen sagen mir, was ich schreiben sollte in der Stylesheet zum festlegen der Zeilenhöhe der Tabelle?

Danke!

EDIT: Danke avall für die Hilfe. Und ich fand, dass das schreiben der CSS als:

.m2m-modal-table .v-table-table th,
.m2m-modal-table .v-table-table td {
    height: 55px;
    min-height: 55px;
}

Nur stellen Sie den Stil auf die Tabelle in Frage und nicht alle Tabellen in der Anwendung.

InformationsquelleAutor AndroidHustle | 2011-09-23
  1. 10

    Immer Ihre Körpergröße, um die Zellen, nicht in Zeilen.

    .v-table-table th,
.v-table-table td{
    height: 55px;
    /* min-height: 55px; EDITED */
}

    tun (min-height allein nicht funktioniert).

    Edit: Als djsadinoff schrieb, min-height funktioniert nicht überall. IE8 und IE9 interpretieren min-height aber es ist nicht die norm für andere Browser.

    • ja es scheint, wie das funktionieren sollte, aber es funktioniert nicht... ich bin Total verwirrt, ich habe versucht, so viele Kombinationen, aber nichts scheint zu funktionieren.. hast du irgendeine andere Idee, bezieht sich die CSS-Klasse auf m2m-modal-Tabelle in einigen Mode..?
    • Sie sollten sehen, im Firefox firebug die styles beeinflussen diese Zellen und dann überschreiben diese. Sie können auch versuchen, zu verwenden !important. Ich kann dir nicht helfen, mehr ohne Blick auf die Website.
    • Wow!!! Das Letzte änderung war der trick! Danke! Jetzt habe ich nur noch herausfinden, wie haben Sie es nur auf DIESE Tabelle und nicht alle Tabellen in der Anwendung... =)
    • warum würde das funktionieren? aus der css2.1 spec: In CSS 2.1, die Wirkung von 'min-height' und 'max-height' auf Tabellen, inline-Tabellen, Tabelle Zellen, Tabellenzeilen und Zeilengruppen wird nicht definiert.
    • Ich war mir ziemlich sicher, dass ich Links min-height auf Zweck. Jetzt habe ich getestet height Eigenschaft in jedem web-browser, die ich könnte und ich denke, du hast Recht.
    InformationsquelleAutor avall
Schreibe einen Kommentar