Mijn whatsapp - css

Hoi,
Ik ben bezig met mijn nieuwe website, maar ik kom er niet uit met mijn css.
Ik verbouw een layout van me oude website een beetje, maar het lukt me niet.
Ik heb 2 content vakjes, er staat in bijde een stukje text.
Maar de vakjes zitten aan elkaar vast, hoe moet ik deze vakjes apart van elkaar maken?

Mijn css:

/* CSS Document */
/*  Stylesheet | Author: Rick de Jong 2012 */
body { height: 100%; margin: 0; padding: 0; background:#f1f1f0 url(images/background.png) repeat-x; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
html{ height: 100%; }

#container {width:900px; margin:0 auto;}
#header {background: url(images/header.png); width: 900px; height: 160px; margin-top: 0px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px;}
#header h1 {font-size: 30px; color:#000066; margin:0; padding: 43px 0 0 60px; }
#menu {background: url(images/menu.png); width: 900px; height: 34px; margin-top: 10px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}
#menuitems {text-align: center; padding-top: 5px;}
#menuitems a {font-size: 18px; color: #000000; text-decoration: none;}
#menuitems a:hover { color: #000066;}
#content {background: url(images/content.png); width: 900px; height: 400px; margin-top: 18px; overflow:hidden; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}
#left {width: 200px; margin: 10px 25px 25px 10px; float:left; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}}
#right {width: 560px; margin: 10px 25px 25px 10px; float:left; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}}
#footer {width: 900px; height: 35px; margin: 0;}
#footer h2 {font-size: 9px; color:#f1f1f0; text-align: center; padding-top: 2px; margin: 0;}

Online voorbeeld?

http://mijnwhatsapp.nl/beta/

Sorry, was ik even vergeten

Hoe bedoel je het precies? Ik zie namelijk 2 vakken (links een kleiner vak ±33% en rechts een aardig groot vak ±66%)

Ja dat klopt, dit zijn 2 aparte content vakken.
Ik wil zeg maar dat de 2 vakken (het witte vlak) elkaar niet aanraakt.
Maar ik snap niet hoe ik dit voor mekaar krijg in css.

De rechter geef je wat margin-left mee.

Wat bedoel je precies? Ik weet wat je bedoelt, maar ik snap niet hoe ik het toepas in mijn margin.

#right {width: 560px; margin: 10px 25px 25px 10px; float:left; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}}
#footer {width: 900px; height: 35px; margin: 0;}

#right {margin-left: 20px; width: 560px; margin: 10px 25px 25px 10px; float:left; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}}

Zo? Vind wel dat je codering beetje apart is

Ik heb dit gedaan, maar nu is het nog steeds exact het zelfde..

toevoeging op 3 januari 2013, 21:54:26:
Het is niet meer nodig, ik heb er 1 vak van gemaakt.
Toch bedankt iedereen!

Sorry voor offtopic. Maar mag dit van Whats app?

offtopic: Wat ga je doen met mijnwhatsapp want het kan zijn dat whatsapp dat niet accepteert !

Sharpfmm schreef:

offtopic: Wat ga je doen met mijnwhatsapp want het kan zijn dat whatsapp dat niet accepteert !

Dat vraag ik net...

Stefvdwel schreef:

Eerdere citaten tonen

Sharpfmm schreef:

offtopic: Wat ga je doen met mijnwhatsapp want het kan zijn dat whatsapp dat niet accepteert !

Dat vraag ik net...

Je vraagt niet wat hij ermee wilt doen ?? want wat er nu staat is niet verboden xD

Ik heb mijn idee zelf verzonnen, whatsapp ge-emailed of het onder hun copyright valt.
Ik kreeg een e-mail terug dat het mogelijk was, maar dat ik geen copyrights mag plaatsen op texten en afbeeldingen van whatsapp.

Maar je gebruikt alsnog hun handelsnaam.. (WhatsApp)
Ik kan me moeilijk voorstellen dat WhatsApp dat dan heeft goedgekeurd, eerlijkgezegd.