page-wrap

[james13]

Salve ragazzi,
dovrei spostare il page-wrap a destra. In questo modo è a sinistra:

#page-wrap { position: absolute; width: 200px; margin: 30px auto; padding: 20px; background: #FBF4E0; filter: alpha(opacity=80);
    opacity:0.8;}

In quest'altro modo è al centro:

#page-wrap { position: relative; width: 200px; margin: 30px auto; padding: 20px; background: #FBF4E0; filter: alpha(opacity=80);
    opacity:0.8;}

E a destra???

[james13]

Risolto:

#page-wrap { position: absolute;left:1000px; width: 200px; margin: 30px auto; padding: 20px; background: #FBF4E0; filter: alpha(opacity=80);
    opacity:0.8;}

[Al_katraz984]

non è corretto... il primo non è a sinistra e l'ultimo è a destra ma nel modo sbagliato...

[james13]

E qual'è la soluzione migliore?

[Al_katraz984]

dipende se vuoi mantenere i posizionamenti assoluti o avere posizionamenti più consistenti ma "tradizionali"..

[james13]

Cosa significa? Non ho capito

[Al_katraz984]

esistono posizionamenti tradizionali e posizionamenti assoluti.

dato questo HTML

<div id="container">
  <div id="right"></div>
  <div id="center></div>
  <div id="left"></div>
</div>

puoi spostare i nodi in modi diversi, il più semplice e meno consistente:

#container {
  position: relative;
}

#left {
  position: absolute;
  left: 0;
}

#right {
  position: absolute;
  right: 0;
}

#center {
  width: 900px;
  margin: 0 auto;
}

il più consistente:

#container {
  overflow: hidden;
}

#left {
  width: 200px;
  float: left;
}

#right {
  width: 200px;
  float: right;
}

#center {
  margin: 0 210px;
}