Conversione layout

[salvio78]

So che avrete trattato l'argomento un milione di volte, ma non sono riuscito a trovarlo, e per questo faccio mea culpa.

Sto sviluppando un sito con dreamweaver, usando i livelli.

A cose terminate, siccome conosco poco il css, ho eliminato i livelli, e ho lasciato solo i tag div, poichè diviene molto ma molto ordinato e più maneggevole rispetto alle tabelle, volevo effettuare una conversione completa

Il problema è che dreamweaver posiziona i livelli in modo absolute, spostando il corpo della pagina che dovrebbe stare al centro in maniera equidistante dal margine destro e sinistro, tutto a sinistra.

Qualche anima pia può dirmi come fare per risolvere l'inconveniente?

[salvio78]

Nessuno mi può aiutare a centrare gli elementi della pagina solo con tag div chiudenmdo quelli già presenti con position:absolute all'interno di questo affinchè si trovino al centro?

[Prill]

Se non indispensabile sarebbe bene evitare posizionamenti assoluti, con Dreamweaver sarebbe perciò da evitare di disegnare i livelli dalla vista progettazione, ma inserire i vari div agendo contemporaneamente sul css. Comunque vai in vista codice e racchiudi tutti i box in un altro div cui assegnerai coi css un position:relative, la larghezza e un margin:0 auto, in questa maniera i diversi box avranno una posizione assoluta rispetto al div contenitore e non alla finestra

[salvio78]

c'ho provato non funziona...

Il fatto è che il corpo della pagina deve essere centrato

io avevo pensato di impostare il seguente script css:

<style type="text/css">
/*stili per il layout fluido*/
div#container{position: relative; margin:0}

/*stili specifici per il layout*/
div#sinistra{position: absolute;
top: 0px;
left: 0;
width: 200px;}

div#destra{position: absolute;
top: 0px;
right: 0;
width: 200px;
}

div#content{margin: 0 200px;
top: 0px;
}


}
</style>

scrivendo il codice html in questo modo:

< div id="container">
<div id="destra"></div>
<div id="content">il contenuto</div>
<div id="sinistra"></div>
</div>


Non dovrebbe creare due spazi di 200 px a destra e a sinistra e piazzare il contenuto al centro nonostante questo sia composto da div con position absolute?