Hulp met website

Hoi iedereen,

Ik ben bezig met het maken van mijn 1e website in css/html
maar ik stuit op het volgende probleem:

Ik wil de posities veranderen van mijn menu balk en van mijn logo.
Alleen als ik de margin van mijn logo verander, dan schuift het menu mee met het logo.

Als ik vervolgens de margin van de menu balk aanpas, gebeurt er niets.

Dit zijn mijn codes:

.html:

Spoiler tonen

Creative Studio

en de .css:

Spoiler tonen

/* CSS Document */
/* Stylesheet | Author: Marjolein KFB Design 2011 */
body { height: 100%; margin: 0; padding: 0; background:#191919 repeat-x; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
html{ height: 100%; }

#container {width:1200px; margin:0 auto;}
#logo {background: url(Logo.png)no-repeat; width: 166px; height: 81px; margin: 10;}
#menu {background: url(Menu.png)no-repeat; width: 664px; height: 41px; margin 0 10px;}

#logo {background: url(Logo.png)no-repeat; width: 166px; height: 81px; margin: 10; position: position:absolute;
}

Er zitten foutjes in je css, doe eens zo:

#logo {background: url(Logo.png)no-repeat; width: 166px; height: 81px; margin: 0 0 0 10px;}
#menu {background: url(Menu.png)no-repeat; width: 664px; height: 41px; margin: 0 0 0 10px;}

er gebeurde niks met je menubalk omdat je de : achter margin was vergeten De margin staat nu op 10 pixels vanaf de linkerkant.

off-topic: je zei tegen mij op msn dat je alles alleen had gedaan , maar heb hem al af , ik heb hem al voor je gemaakt live demo: klik

Weer een dubbele punt vergeten, allemaal kleine fouten

Hoe kan ik mijn site nu centreren? dat het exact in het midden komt?

deze codes heb ik tot nu toe:

.html:

Spoiler tonen

Creative Studio

.css:

Spoiler tonen

/* CSS Document */
/* Stylesheet | Author: Richard Bakker Design 2011 */
body { height: 100%; margin: 0; padding: 0; background:#191919 repeat-x; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
html{ height: 100%; }

#container {width:1200px; margin:0 auto;}
#logo {background: url(Logo.png)no-repeat; width: 166px; height: 81px; margin: 0 10;}
#menu {background: url(Menu.png)no-repeat; width: 664px; height: 41px; margin: 0 10px;}
#tutorial {background: url(tutorial.png)no-repeat; width: 212px; height: 215px; margin: 80px 10px;}
#forum {background: url(forum.png)no-repeat; width: 215px; height: 167px; margin: 80px 10px;}