Ich habe Probleme mit der Einstellung der Breite eines Textarea-Elements und der Verwendung von Padding per CSS. Der Padding-Wert scheint die Breite des Textfeldes zu ändern, was ich lieber nicht tun würde.
Dies ist mein HTML-Code:
<div id="body">
<textarea id="editor"></textarea>
</div>Und mein CSS-Code:
#body {
height:100%;
width:100%;
display:block;
}
#editor {
height:100%;
width:100%;
display:block;
padding-left:350px;
padding-right:350px;
}Die Auffüllungswerte scheinen jedoch nicht so zu funktionieren, wie man es erwarten würde. Die Breite des Textbereichs wird um 350 Pixel in beide Richtungen erhöht, anstatt Raum zwischen den Rändern des Elements und seinem Inhalt zu definieren.
Ich habe in Betracht gezogen, nur die Textarea zu zentrieren, indem Sie die Ränder auf "0px auto", aber ich möchte der Benutzer immer noch in der Lage sein, durch die Textarea zu blättern, wenn die Maus über eine der leeren Ränder schwebt. Aus dem gleichen Grund kann ich nicht ein anderes Div hinzufügen, um als Wrapper zu handeln, da der Benutzer nicht in der Lage wäre, entlang der leeren Bereiche zu blättern, sondern nur entlang der randlosen Textarea.
Kann jemand helfen?
