Textarea-Höhe Chrom-problem

Ist jemand ne Lösung für textarea-Höhe problem in Chrome?

Im einfachen Fall wie diesem:

<div>
    <textarea>
    </textarea>
</div>

Google Chrome hinzufügen von zwei Pixeln, so div.Höhe = textarea.Höhe + 2px. Und ja, ich werde versuchen, Eric ' s "zurückgesetzt.ccs" — hat nicht funktioniert.

P. S. natürlich in meinem "einfachen " Fall" textarea und div haben border, padding und margin 0px.

InformationsquelleAutor Donotello | 2011-08-04
  1. 13

    Weil textarea ist einem ersetzten inline-Elements.

    textarea {
    display:block;
}

    sollte dein "problem" lösen.

    • Diese schließlich sorgt die gleiche textarea-Höhe über Chrome und Firefox
    • Ich denke, dass die zusätzliche Marge unterhalb der textarea ist durch die Raum lassen für text-Unterlängen. Zum Beispiel, Sie können auch festlegen, dass line-height/font-size auf die Eltern zu erhöhen/verringern, oder vertical-align auf die textarea.
    • J ja, vertical-align top oder bottom würde es lösen.
    InformationsquelleAutor MatTheCat
  2. 0

    Den 2px ist die standard-Rahmengröße. Es ist das gleiche in allen Browsern, obwohl.

    Dies funktioniert in Chrome, Firefox..

    Keine Grenzen : http://jsfiddle.net/NctDT/2/

    Grenzen und ist damit optimal div Höhe : http://jsfiddle.net/NctDT/4/

    In beiden Fällen die div und textarea sind beide perfekt ausgerichtet in der Höhe.

    • danke, eigentlich war es meine Schuld und MatTheCat Antwort die mir helfen
    • Sie missverstanden das problem leicht. Hier ist euer erstes demo mit einem height auf nur textarea, überprüfen Sie es in Chrome: jsfiddle.net/NctDT/5
    • Gut, dann fügen Sie textarea {display:block;} .) +1 für MatTheCat
    InformationsquelleAutor Sparkup
  3. -1

    Sorry, Aber das hinzufügen

    html,body{
    height:100%;
    }

    wirklich zu funktionieren scheint

    InformationsquelleAutor Soul Reaper
Schreibe einen Kommentar