EventListener schachteln für click/keyup-Behandlung
bearbeitet von
Hallo Nico R.,
> Was ich nicht hingekriegt habe, ist, den Button die td auch in der Höhe ausfüllen zu lassen.
Wie hast Du es versucht? height:100% am Button? Diese Angabe bezieht sich auf das Elternelement. Das ist ein td. Welche Höhe hat das td? Keine explizite, du überlässt das Finden der Höhe dem Tabellenlayout.
Um mögliche Endlos-Abhängigkeiten zu vermeiden, ist CSS ziemlich schnell fertig damit, nach Bezugspunkten für Prozentangaben zu suchen. Der Button hat 100%, das Elternelement hat keine definite Höhe, und Schluss. Der Button bleibt bei seiner "natürlichen" Höhe, die sich aus Inhalt und Padding zusammensetzt. Und wird dann vom Table-Layout vertikal in der Zelle zentriert.
Dass die Buttons nicht hoch genug sind, liegt an der ID-Spalte. Da ist padding:1em gesetzt. Ja, für die Buttons auch, **ABER** Buttons haben per Default einen Font, der etwas kleiner ist als der Normalfont. Weshalb 1em dort weniger ist als in der ID-Spalte.
Mögliche Lösung: Verwende rem statt em. Dann sind die Padding-Maße gleich. Die Buchstaben immer noch nicht. Das Problem wird reduziert, aber nicht behoben.
Bessere Lösung: Gib den Buttons font: inherit. Dann sind Texte UND Padding gleich groß und die Buttons so hoch wie die Zelle. Sobald Du allerdings zweizeilige Zellinhalte hast, geht das wieder schief. Good Lack, wie die Maler sagen!
_Rolf_
--
sumpsi - posui - obstruxi