Divs mit CSS anordnen

[chris027]

Hallo zusammen!

Ich bin gerade dabei eine Startseite für eine Website zu machen. Diese Seite enthält ein Login-, Anmeldung- und ein News- Div.

Aufbau:

  
<div id="content" class="content">  
   <div id="login" class="login"></div>  
   <div id="anmeldung" class="anmeldung"></div>  
   <div id="news" class="news"></div>  
</div>  

Derzeitiges CSS:

  
.content  
{  
        height: auto;  
	width: 800px;  
}  
  
.login  
{  
	height: 160px;  
	width: 180px;  
}  
  
.register  
{  
	height: 220px;  
	width: 180px;  
}  
  
.news  
{  
	height: auto;  
	width:560px;  
}  

Ich habe nun folgendes Problem bzw will ich die Seite so gestalen:
 - Login und Anmeldung sollen links platziert sein und untereinander
 - News sollen rechts platziert werden
 - Zwischen Jedem Div soll ein Abstand von 20px vorhanden sein
 - Im Content Div sollen links, rechts, oben und unten auch jeweils 20px Platz sein, bevor ein Element angeordnet wird oder aufhört.
 - Das Content Div soll sich immer nach dem höchsten Div anpassen, da es sein kann das einmal der Login/ Anmelde Bereich höher ist, ein anderesmal das News Div.

Ich hoffe ihr könnt mir helfen, leider habe ich keine Lösung bis jetzt gefunden.

Mfg
Chris