Problema layout...

[Fio1]

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.

[Fio1]

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".

[Fio1]

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

[Fio1]

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.

[Fio1]

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?

[Fio1]

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.

[Fio1]

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ì.

[Fio1]

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
:)