Centrare div

[BlueSky92]

Ciao ragazzi, sto facendo il mio primo sito!

Vi spiego cosa devo fare:

- creare un div per il menu' e metterlo centrato ma a sinistra rispetto il contenuto che andra' sempre centrato ma a destra (con il suo rispettivo DIV).

- creare un div per il banner header che va centrato in alto.

Sono arrivato qui con il CSS ma credo di aver gia' sbagliato:

body {
font-family: sans-serif, Arial;
background-position: center;
font-size: 12px;
background: url(images/sfondo.jpg) center;

#contenuto {width: 600px: margin-left: auto; margin-right: auto;}
}

[gengix]

Questa sezione con irelativi esempi ti può essere utile visto che stai iniziando:

http://css.html.it/guide/lezione/67/...menti-di-base/

Ti consiglio di leggerti tutta la sezione anche la parte precedente.

[BlueSky92]

Benissimo: ho fatto progressi!

Adesso li ho messi sulla stessa linea ma sono staccati! La cosa che devo fare è attaccarli!

Ecco il code

}
#contenuto {
border: thin;
float: right;
background: url(images/sfondo.jpg) center;
background-repeat: no-repeat;
background-attachment: scroll;
list-style: lower-alpha;
font-family: sans-serif;
font-size: 12px;
float: right;
border-bottom: thin solid;
border-bottom-width: thin;
border-left: thin solid Black;
border-right-width: thin;
border-right: thin solid;
border-top: thin solid;
width: 600px;
margin: 0 auto;
}
#menu {
background: url(images/menu.jpg);
background-position: center;
background-repeat: no-repeat;
font: italic small-caps 100 12px/normal sans-serif;
text-align: center;
float: left;
border-bottom: thin solid;
border-bottom-width: thin;
border-left: thin solid Black;
border-top: thin solid;
width: auto;
}

Ed ecco uno screen in allegato. PS: Devono stare sotto il banner!

[gengix]

Non vorrei smontarti ma hai scritto una sbrodolata di codice, con alcune ripetizioni e proprietà inutili nel tuo contesto.
In questa fase segui degli esempi, non hai da improvvisare, ma solo da capire.
Il mio è solo un consiglio, prendilo come tale.

[BlueSky92]

Sapresti correggerlo?...

[gengix]

Per prima cosa devi sempre postare anche il codice di struttura, in questo caso il codice è talmente semplice che si può intuire( non darlo mai per scontato), così facendo faciliti la vita a chi ti vuole aiutare.

Non hai specificato che tipo di layout vuoi fare (fluido, fisso ecc..), posso solo correggerti alcune imprecisioni nel css che vedo, ma non ti risolverebbero il problema di base.

Te lo ripeto per la terza volta poi lascio la discussione a qualcun'altro.

Nel link che ti ho postato c'è un esempio di un layout simile al tuo, ti spiega anche il codice che viene utilizzato.
Quelle guide sono fatte apposta per queste situazioni, hai la possibilità anche di scaricare il file di esempio.

ll mio ragionamento non vederlo come: "vai a vedere questo link, perchè non ho voglia di aiutarti", ma piuttosto: "vai a vedere questa guida, può essere più utile di qualsiasi risposta in questo forum dal momento che stai iniziando".

[BlueSky92]

Ti ringrazio tantissimo Ho tolto le ripetizioni ed ho messo i margini in modo da ritrovarmi tutto al centro sotto il banner!