Split-Fenster mit CSS3 Resize-Eigenschaft

Ich habe versucht, die Größe des geteilten Fensters mithilfe der CSS3-Eigenschaft zu ändern.

Hier ist der Code:

<style>

div.left, div.right {float: left; outline: solid 1px #ccc; 
resize: both; overflow: auto;}

div.left {width: 20%}

div.right {width: 80%}

</style> 

<div class="left"> 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div> 

<div class="right"> 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</div> 

Das Problem ist, wenn ich die Größe des linken Divs ändere, das rechte Div nicht schrumpft und es nach unten gedrückt wird. Gibt es andere Möglichkeiten, das geteilte Fenster ohne Javascript zu erstellen?

Say, wenn es mit CSS3 nicht möglich ist und wirklich JavaScript benötigt wird, sollte das Javascript minimal sein, wenn dies möglich ist.

Vielen Dank

Antworten auf die Frage(2)

Ihre Antwort auf die Frage