Hallo Claudia,
ein "Resize nach oben" ist ein Problem. Firefox und Chrome haben genau einen Resize-Henkel, und der ist unten rechts und resized nur nach unten.
Das Folgeproblem ist dann noch die Größenanpassung des kompletten Layout abhängig von der textarea-Größe - denn eine Vergrößerung lässt ja nicht nur die untere Spalte - äh - Zeile wachsen. Da müssen auch die Bereiche für links und rechts schrumpfen.
Den IE kannst Du ohne Javascript gar nicht bedienen.
Ich sehe keine Möglichkeit, das ohne Javascript zu lösen (dann wär's auch für den IE gelöst). Aber bevor ich da was vorschlage, gucken wir mal was die Frontend-Cracks noch zu sagen haben.
Nebenbei - deine Positionierung mit position:absolute und float könntest Du mit flexbox eleganter lösen. Mein Vorschlag wäre dieser, der wäre dann auch etwas von der <div>eritis befreit ;-). Statt aside könnte da auch nav stehen, hängt davon ab wofür du den grünen Bereich haben willst.
Update: Für dein Problem wäre vielleicht ein SPLIT-Bar besser geeignet. Diesen Codepen habe ich auf den ersten Bing gefunden, ohne ihn genauer betrachtet zu haben. Das ist ein vertical split, aber sowas geht auch horizontal. Du könntest die Höhe der Textarea dann einfach relativ zur Höhe des Footer definieren.
In wie weit man den Splitter dann für Tastatur- und Touch-Bedienung ertüchtigt bekommt, muss man noch sehen.
Rolf
Dosen sind silbern