Es soll ein DIV rechts positioniert werden. Wenn das Browserfenster auf <800px verkleinert wird, soll der Hund einen Abstand links einbehalten.

Mein Ansatz:

HTML-Code:

<div style="width:800px;float:right;">
<div style="float:left;width:500px;height:100px;background:blue;">rinks</div>
<div style="float:right;width:300px;height:100px;background:red;position:relative;">lechts</div>

Aber der Freund rutsch komplett nach links ins Nirvana.
Hat jemand eine Idee, anderen Ansatz?

Daran ist dein geflute schuld.

Dein äußerses div braucht kein float:right sondern margin-left:auto; Somit erscheinen auch wieder Scrollbalken.