Hallo,
was auch bestens funktioniert; Und zwar Tabellen nutzen.
Autsch! Damit ist Dein Markup aber nichbt mehr semantisch...
Nun, die Welt wird sich trotzdem weiterdrehen.
Was sollte denn "nicht überlappen" bedeuten? Scrollbalken? Denkst Du daher an eine Tabelle? Hmm. Und wenn Du nun Deiner Grafik rechts unten einen Margin verpasst, der die Maße der oberen Graifk hat, entsteht dann immer noch eine Überlappung, oder hast Du dann Deine Scrollbalken?
Bitte, so schwierig ist es nicht zu verstehen was er meint:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
#one { position:absolute; left:0px; top:0px; width:200px; height:200px; background-color:silver; }
#two { position:absolute; bottom:0px; right:0px; width:200px; height:200px; background-color:gray; }
</style>
</head>
<body>
<div id="one">one</div>
<div id="two">two</div>
</body>
</html>
und jetzt verkleinere man das Browserfesnter.
Grüße
Thomas