Ich brauche, um ein input-element anpassen Tabellenzelle Breite

Arbeite ich an einer Schnittstelle, und das Ding nervt mich.

Finden Sie unter: http://jsfiddle.net/NUKxX/

Funktioniert es in Chrome aber nicht in Firefox. Die Grundidee bei Chrome ist, dass das längste Wort in jeder der Spalten erstreckt sich der td-oder th-geeignete Länge, um um Platz zu sparen. Aber in Firefox input-Elemente scheinen völlig zu ignorieren, max-width und min-width.

Habe ich versucht hantieren mit position:absolute auf den input und die position:relative auf das th, aber Firefox ignoriert die letztere als gut.

Wie mache ich das?

InformationsquelleAutor Simon Josef Kok | 2012-12-13
  1. 9
    th input {
    min-width: 10px;
    max-width: 100%;
    width: 100%;
}

    Behebung des Problems hier (FF 17.0.1).

    Fiddle: http://jsfiddle.net/Regisc/PcKMJ/

    • Sie sollten erwägen, die Beschränkung auf input[type="text"] -- ansonsten Chrom (aber nicht in Firefox) könnte schieben Sie den label-text der Checkboxen auf der nächsten Zeile.
    InformationsquelleAutor
Schreibe einen Kommentar