Ok, ho seguito le istruzioni ma evidentemente c'è qualche pezzo di css preesistente che sballa le cose perché così facendo il div contenitore invece che centrato orizzontalmente, inizia (lungo l'orizzontale) oltre metà pagina, e quindi esce fuori dalla schermata (perché ha larghezza fissa)!
Ecco il codice dove trovate le vostre indicazioni inserite, in modo da intenderci su quale sia il div contenitore che non riesco a sistemare... main, menu e destro sono i tre div che vorrei ad altezza funzione della risoluzione...
codice:
html, body { margin: 10px auto; padding: 0; }
body { position: relative; font: Arial, Helvetica; background-color: #408080; color: #ffffff; text-align: center; }
p { color: #ffffff; font-family: Arial, Helvetica; font-size: 10px; }
table { color: #ffffff; font-family: Arial, Helvetica; font-size: 13px; text-align: center; }
input { font-family: Arial, Helvetica; font-size: 10px; }
a:link { color: #ff00ff; text-decoration: none; font-weight: bold; }
a:visited { color: #ff00ff; text-decoration: none; font-weight: bold; }
a:active { color: #ff0000; text-decoration: none; font-weight: bold; }
a:hover { color: #ff0000; text-decoration: underline; font-weight: bold; }
div#container { position: absolute; top: 50%; left: 50%; width: 980px; margin: 0px auto; background-color: #000000; text-align: left; }
div#header { margin: auto; height: 64px; background-color: #000000; text-align: center; }
div#titolo { margin: auto; height: 48px; background-color: #000000; text-align: center; }
div#spot { float: left; margin: auto; width: 700px; height: 70px; background-color: #000000; text-align: center; }
div#menu { margin: 0; float: left; width: 140px; height: 100%; text-align: center; line-height: 2,5; background-color: #000000; }
div#main { margin: 0; float: left; padding: 5px; width: 690px; height: 100%; background-color: #000000; font-family: Arial, Helvetica; font-size: 13px; text-align: justify; overflow: auto; }
div#destro { margin: 0; float: right; width: 140px; height: 100%; text-align: center; line-height: 2,5; background: #000000; overflow: auto; }
div#footer { clear: both; width: 980px; margin: 0 auto; background-color: #000000; text-align: center; font-family: Arial, Helvetica; font-size: 16px; }
@ carlomarangoni: visto il risultato del container sballato a destra, immagino occorrano i margini che dici tu, ma come faccio a definirli mi serve una larghezza fissa e centrata, che dovrei ottenere da margin: 0px auto?