Problema con il FLOAT

[Rei-chan]

Salve a tutti,
sto cercando di impaginare un nuovo layout, e stavolta avvalendomi non di tabelle e quant'altro, ma solamente dei DIV.

L'intenzione è ottenere un'immagine centrata nella pagina e, al di sotto di questa, due div: uno a dinistra (per il menu) e uno a destra (per la parte testuale vera e propria). Insomma: un classico layout. Così:



Se non fosse che il mio codice css però non sembra funzionare... In pratica, i due div menu e content si posizionano l'uno accanto all'altro, ma non AL CENTRO della pagina. Ho provato ad incapsularli in un altro div (il quale aveva come attributo align: center) ma non è servito, anzi addirittura sembra che i due div incapsulati all'interno non lo vedano.
Il codice è qui sotto? Cosa ho sbagliato e cosa manca?

BODY {
background: #6092A7;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
margin: 0 0 30 0;
}

DIV#box1
{
width: 790px;
background: #c6c6c6;
margin: 0 0 0 0;
float: none;
}

DIV#boxmain
{
width: 400px;
float: right;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
background: #ffffff;
margin: 0 150px 0 0;
text-align: left;
}

DIV#boxmenu
{
width: 210px;
float: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
background: #CCCCCC;
margin: 0 0 0 20px;
}

Grazie mille!

[digital00]

Io spesso mi sono ritrovato nella tua stessa situazione... e ho sempre risolto con un div container di tutto che ha gli attributi (align: center non mi è mai servito a niente.. ):

margin: 0px auto; /*centra in firefox*/
text-align: center; /*centra in ie*/

Sempre fatto così, sempre funzionato.
Per il box1 al posto di float: none ti consiglio clear: both

EDIT: ho dato una googlata veloce, e align:center non sembra nemmeno far parte del linguaggio css.. ma anzi, esiste solamente il classico align="center" dell'html..

[nickt]

Inserisci i tre div all'interno del div container, dopo di che dai al body il text-align: left; e al div container dai margin: 0 auto; al div che va a sinistra ci metti un float: left; e quello che va a destra ci metti un float: right;

Così dovresti ottenere ciò che desideri.

[Rei-chan]

Yesss! Ci sono riuscita! Vi ringrazio di cuore! A buon rendere!