Sito centrato, colonna sinistra nascosta

[Konan90]

E' sufficiente modificare il codice della classe .MainBox come segue:

.MainBox {
  width: 1064px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
  margin-left: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-right: auto;
  background-color: #000000;
}

Il problema era la proprietà left: 50% che faceva spostare il tutto a destra.
Inoltre, inserendo le proprietà margin-left: auto e margin-right: auto, ottieni tutto il contenuto centrato.

Così facendo hai ottenuto l'effetto desiderato, ma ci sarebbe da rivedere un pò il tutto, in quanto non sono state rispettate le regole del Web Design Responsive. Ti consiglio di leggere la guida: http://www.html.it/guide/responsive-...sign-la-guida/

[AltF4]

E' sufficiente modificare il codice della classe .MainBox come segue:

.MainBox {
  width: 1064px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
  margin-left: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-right: auto;
  background-color: #000000;
}

Il problema era la proprietà left: 50% che faceva spostare il tutto a destra.
Inoltre, inserendo le proprietà margin-left: auto e margin-right: auto, ottieni tutto il contenuto centrato.

Così facendo hai ottenuto l'effetto desiderato, ma ci sarebbe da rivedere un pò il tutto, in quanto non sono state rispettate le regole del Web Design Responsive. Ti consiglio di leggere la guida: http://www.html.it/guide/responsive-...sign-la-guida/

Grazie mille!!!

Stavo proprio ora postando una soluzione che avevo trovato, in pratica proprio come quella da te suggerita, solo in maniera compatta:

.MainBox {
  width: 1064px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
  margin: 20px auto 0 auto;
  background-color: #000000;
}

Sembrerebbe funzionare: http://demoaltf4.altervista.org/sitocentro2/

Ti ringrazio, gentilissimo!

Cercherò di approfondire anche le regole per i siti responsive.

Grazie ancora