Du brauchst center nicht zu ersetzen, sondern kannst es löschen.
Definiere dafür
#container {
width:980px;
margin: 0 auto;
}
Zu 2:
Das bekommst du so nicht hin.
Die 100% richten sich am Elternelement aus. Somit musst du noch hinterlegen:
html, body {height: 100%;}
Damit wird die Seite jedoch höher als 100% weil noch die Höhen von nav und header hinzukommen.
CSS kann keine px von Prozentwerten subtrahieren.
Versuch's insgesamt mal so (ungetestet):
html {
height: 100%;
width: 100%;
}
body {
margin:0px;
background-image:url(images/bg.gif);
background-repeat:repeat-x;
background-color:#E9E9E9;
height: 100%;
width: 100%;
}
#container {
width: 980px;
margin: 0 auto;
min-height: 100%;
background: #fff;
}
#nav {
height:120px;
}
#header {
background-image:url(images/header.gif);
width:980px;
height:280px;
}
Alles anzeigen
Auf content kannst du prinzipiell auch noch verzichten. Dessen Inhalt kannst du direkt in container schreiben.
<body>
<div id="container">
<div id="nav"></div>
<div id="header"></div>
Inhalt
</div><!--Ende #container-->
</body>
Alles anzeigen
Du siehst: Weniger ist mehr!