Problema layout...

Come espresso dal titlo ho un problema con il layout, utilizzo un Css per lo stile ed è coposto da im'head due colonne e il fondo. Il problema si è creato quando sono andato ad inserire un'immagie nella colonna centrale.

Avendo infatti il menù a sinistra la colonna cetrale mi risulta più spostata verso destra e le immagini della colonna non risultano più allineate con il titolo messo nell'head.

è possibile modificare la larghezza della colonna centrale in modo che risulti allineata?

questo è il Css

body {
text-align: center; /* IE5.x */
}

#telaio {
width:100%;
margin: 0px;
border:1px solid gray;
line-height:150%;
color: black;
background-color: #000000;
text-align: center; /* IE5.x */
}

#testata {
font-size: 130%;
}

#fondo {
font-size: 85%;
text-align: center;
}

#testata, #fondo {
padding:0.5em;
color:white;
background-color: #000000;
clear:left;
}

#sinistro {
float:left;
width:160px;
margin: 0px;
padding: 5px;
}

#centrale {
margin-left: 180px;
border-left:1px solid gray;
padding:10px;
}

spero di essermi spiegato XD

[funcool]

Il menù che hai inserito nella colonna di sinistra è più grosso di 150 pixel?
Se scrivi il link della pagina, penso sia più facile aiutarti.

il menù è di 130px

comunque ho caricato la pagina.. prima nell'anteprima mi apriva la pagina compresa di Css e ora che è caricata sul web me la apre ma senza considerare il Css..

comumque questa è la pagina

http://fio1.altervista.org

[funcool]

Devi caricare il file "Layout.css".

ma è caricato O_o

ho anche riprovato a caricare tutta la pagina nuovamente ma nulla...

[funcool]

A me dà errore 404: http://fio1.altervista.org/Layout.css

si me ne sono accorto.. ora però il css è caricato ti ho fatto lo stamp...

però mi da dei problemi infatti non mi fa cancellare alcuni file.

non ci sto capendo più nulla comunque questo è lo stamp

http://fio1.altervista.org/Immagine.JPG

[funcool]

Come vedi il nome del file è "Layout.Css" e non "Layout.css". I server di AlterVista hanno Linux che, al contrario di Windows, considera diverse le lettere maiuscole da quelle minuscole.

ah capitu.. non lo sapevo,

modifico subito almeno puoi dare un'occhiata alla pagina.

[funcool]

A prima vista il layout sembra perfetto, come dovrebbero essere posizionate le cose di preciso?

diciamo che vorrei che l'immagine nel <div> centrale sia centrata sotto al titolo nel <div> in alto e quello in basso.

[funcool]

Penso che l'unico metodo sia quello di cancellare "margin-left: 180px;" ma non è certo una cosa saggia da fare.

che bello...

e quindi non c'è altro modo?

ma c'è un'altro layout che non mi causi questo problema?

[funcool]

Il fatto è che l'immagine viene centrata nel div in cui si trova e quindi è giusto che faccia così.

non è possibile dare i margini al div superiore a a quello inferiore per far si che alla fine risultino centrati?

ad ogni modo un'altra domandina, come faccio a dare come target dell'ipertesto il div centrale?

[funcool]

Dovresti inserire dentro al div centrale un iframe e come target nel link metterai il valore del parametro name dell'iframe.

[acsocmel]

è possibile modificare la larghezza della colonna centrale in modo che risulti allineata?

basta che dai alla colonna centrale un margin a destra uguale alla colonna laterale
oppure un bordo destro sempre largo come la colonna laterale
:)