Div absolute

[galateo76]

Ciao Ragazzi, ho cercato ma non ho trovato...forse non ho cercato bene ma spero possiate aiutarmi. Ho creato un layout con photoshop e poi con un tool gratuito in rete ho trasformato tutto il codice. Il tool mi trasforma tutti i livelli in div posizione assoluta. come faccio a centrarli in mezzo alla pagina tutti in una sola volta affinchè a qualsiasi risoluzione posso vedere centrato il mio layout? allego il css

body {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: small;
}

/* You named this layer testata */
#Layer-1 {
  position: absolute;
  left: +0px;
  top: +0px;
  width: 916px;
  height: 176px;
  z-index: 1;
}

/* You named this layer foto_jquery */
#Layer-2 {
  position: absolute;
  left: -1px;
  top: +203px;
  width: 595px;
  height: 316px;
  z-index: 2;
}

/* You named this layer footer */
#Layer-3 {
  position: absolute;
  left: +0px;
  top: +839px;
  width: 916px;
  height: 361px;
  z-index: 3;
}

/* You named this layer bottone */
#Layer-4 {
  position: absolute;
  left: +593px;
  top: +217px;
  width: 323px;
  height: 18px;
  z-index: 4;
}

/* You named this layer rettangolo2 */
#Layer-5 {
  position: absolute;
  left: +592px;
  top: +234px;
  width: 325px;
  height: 176px;
  z-index: 5;
}

/* You named this layer bottone2 */
#Layer-6 {
  position: absolute;
  left: +593px;
  top: +409px;
  width: 323px;
  height: 18px;
  z-index: 6;
}

/* You named this layer bottone3 */
#Layer-7 {
  position: absolute;
  left: +0px;
  top: +518px;
  width: 323px;
  height: 18px;
  z-index: 7;
}

/* You named this layer bottone3 */
#Layer-8 {
  position: absolute;
  left: +0px;
  top: +736px;
  width: 323px;
  height: 18px;
  z-index: 8;
}

/* You named this layer bottone4 */
#Layer-9 {
  position: absolute;
  left: +593px;
  top: +614px;
  width: 323px;
  height: 18px;
  z-index: 9;
}

/* You named this layer Rettangolo */
#Layer-10 {
  position: absolute;
  left: +592px;
  top: +426px;
  width: 325px;
  height: 189px;
  z-index: 10;
}

/* You named this layer rettangolo3 */
#Layer-11 {
  position: absolute;
  left: +592px;
  top: +631px;
  width: 325px;
  height: 209px;
  z-index: 11;
}

/* You named this layer div_squadra */
#Layer-12 {
  position: absolute;
  left: -1px;
  top: +535px;
  width: 325px;
  height: 202px;
  z-index: 12;
}

/* You named this layer Rettangolo */
#Layer-13 {
  position: absolute;
  left: +322px;
  top: +517px;
  width: 272px;
  height: 323px;
  z-index: 13;
}

/* You named this layer Rettangolo */
#Layer-14 {
  position: absolute;
  left: -1px;
  top: +753px;
  width: 325px;
  height: 87px;
  z-index: 14;
}

/* You named this layer dx_footer */
#Layer-15 {
  position: absolute;
  left: 8px;
  top: 173px;
  width: 110px;
  height: 157px;
  z-index: 15;
}

/* You named this layer dx_footer */
#Layer-16 {
  position: absolute;
  left: 802px;
  top: 173px;
  width: 110px;
  height: 157px;
  z-index: 16;
}

/* You named this layer footer-copy */
#Layer-17 {
  position: absolute;
  left: 8px;
  top: 334px;
  width: 904px;
  height: 25px;
  z-index: 17;
}

/* You named this layer user_1 */
#Layer-18 {
  position: absolute;
  left: 128px;
  top: 173px;
  width: 153px;
  height: 157px;
  z-index: 18;
}

/* You named this layer user_2 */
#Layer-19 {
  position: absolute;
  left: 297px;
  top: 173px;
  width: 153px;
  height: 157px;
  z-index: 19;
}

/* You named this layer user_3 */
#Layer-20 {
  position: absolute;
  left: 468px;
  top: 174px;
  width: 153px;
  height: 157px;
  z-index: 20;
}

/* You named this layer user_4 */
#Layer-21 {
  position: absolute;
  left: 637px;
  top: 173px;
  width: 153px;
  height: 157px;
  z-index: 21;
}

/* You named this layer logo_footer */
#Layer-22 {
  position: absolute;
  left: 406px;
  top: 92px;
  width: 104px;
  height: 70px;
  z-index: 22;
}

/* You named this layer Bitmap */
#Layer-23 {
  position: absolute;
  left: +0px;
  top: +176px;
  width: 916px;
  height: 28px;
  z-index: 23;
}

/* You named this layer divisorio */
#Layer-24 {
  position: absolute;
  left: +592px;
  top: +203px;
  width: 325px;
  height: 15px;
  z-index: 24;
}

/* You named this layer uno */
#Layer-25 {
  position: absolute;
  left: 38px;
  top: 5px;
  width: 146px;
  height: 19px;
  z-index: 25;
}

/* You named this layer due */
#Layer-26 {
  position: absolute;
  left: 188px;
  top: 5px;
  width: 146px;
  height: 19px;
  z-index: 26;
}

/* You named this layer tre */
#Layer-27 {
  position: absolute;
  left: 338px;
  top: 5px;
  width: 146px;
  height: 19px;
  z-index: 27;
}

/* You named this layer quattro */
#Layer-28 {
  position: absolute;
  left: 488px;
  top: 5px;
  width: 146px;
  height: 19px;
  z-index: 28;
}

/* You named this layer cinque */
#Layer-29 {
  position: absolute;
  left: 638px;
  top: 5px;
  width: 146px;
  height: 19px;
  z-index: 29;
}

/* You named this layer sei */
#Layer-30 {
  position: absolute;
  left: 788px;
  top: 5px;
  width: 128px;
  height: 19px;
  z-index: 30;
}

a {
  cursor: pointer;
  outline: none;
}
a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {
  color: #F00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}

[Mich_]

Cambia tool.

Con il posizionamento assoluto si creano delle distanze fisse tra gli oggetti, che non sono valide per tutti i browser e per tutte le definizioni, la cosa porta a sovrapposizioni che impediscono la lettura.

Se vuoi fare il lavoro manualmente, ci sono ottimi spunti nei layout pronti (vedi ad esempio tra i "link utili"); se invece cerchi altri tool, prova a vedere se trovi qualche CMS adatto (per i CMS c'e` un forum specifico).

[galateo76]

Originariamente inviato da Mich_
Cambia tool.

Con il posizionamento assoluto si creano delle distanze fisse tra gli oggetti, che non sono valide per tutti i browser e per tutte le definizioni, la cosa porta a sovrapposizioni che impediscono la lettura.

Se vuoi fare il lavoro manualmente, ci sono ottimi spunti nei layout pronti (vedi ad esempio tra i "link utili"); se invece cerchi altri tool, prova a vedere se trovi qualche CMS adatto (per i CMS c'e` un forum specifico).

Il tool è PSD2CSS...probabile sbaglio qualcosa io ma il risultato è perfetto. solo che vedo tutto allineato top a sinistra.....e in tutti i browser vedo alla stessa maniera. quindi secondo te non è fattibile quello che chiedo?

[Mich_]

Quello che sto dicendo e` che un sito che deve essere visto con brwoser diversi non puo` funzionare se usi tutti i posizionamenti assoluti.

Quindi dovresti cambiare strumento, oppure partire da un layout fatto bene, ed applicare gli elementi della tua grafica (a mano e senza convertitori strani).