Mi sto accanendo nel tentativo di fare una cosa che non so se si possa fare.

Immaginate tre pagine web che anzichè disporsi verticalmente si affiancano orizzontalmente. Ciascuna pagina e dotata di un link che punta alla successiva o precedente e la transizione tra l'una e l'altra avviene in maniera morbida, tipo moofx ad esempio.

Poniamo che ciascuna pagina sia dotata di un box centrato (penso un auto auto).

Poniamo sia a 1024 pixel. Creo un box di 1024x3 pixel (non ho tutto lo spazio a disposizione ovviamente ci sono le barre ma facciamo finta che non ci siano). All'interno del box potrei piazzare tre box ciascuno di 1024 o del 33% (cioè la stessa misura), all'interno di questi un box centrato con auto auto. Quindi se il mio monitor è di 1024 pixel dovrei vedere il box da 1024 o da 33% e al suo interno un box centrato, clicco su di un link e passo alla seconda pagina sempre con il suo box centrato e via dicendo.

Ma se la risoluzione cambia come posso operare? Potrei utilizzare uno script che identifica la risoluzione e quindi ridefinire le larghezze dei box in funzione appunto di questa, ma vorrei trovare una soluzione più elegante.

Poi ovviamente non sono certo che il ragionamento che sta alla base di tutto sia corretto...

Qualche idea sempre ci abbiate capito qualcosa!?

__________________
Enrico sono io!

Non ci ho quasi capito, ma una soluzione tipo questa ti potrebbe aiutare? Il sito scrolla in orizzontale anziché in verticale.

__________________
"Mi ritengo un genio incompreso, anche se mio padre sostiene che ciò significhi che non sono compreso nell'elenco dei geni."

Edgar Allan Poe | Recensioni siti | Realizzazione siti internet a Roma

Vediamo, con ordine.

Tu crei una pagina, magari con tre div, ognuno del 33% (o 1024). Però così facendo hai una pagina (usando i %) con un totale di 99%, quindi circa 1024.

Perchè allora non fare si tre box, ma non col 33%, ma del 99% ognuno?

Allora lo script è su questo sito http://www.thehorizontalway.com/. Prova a fare clic sulle frecce.

Il punto è che i singoli box, come anche nel tuo esempio sono accostati.
Io invece vorrei avere tre box che vengono centrati nella pagina con uno sfondo fisso dietro. Uno clicca su di un link e la pagina scrolla su un altro box che viene a sua volta centrato.

Il punto è che non posso sapere a priori la laghezza del monitor per cui, se centro un box su 1024, quando uno usa una 1600x1200 non lo vedrà centrato.

Guarda l'immagine forse capisci meglio:

__________________
Enrico sono io!

Ma se sono del 99% del loro contenitore come fanno a starci? La somma deve dare 100% altrimenti come li gestisco? Forse con dei margini negativi?

__________________
Enrico sono io!

Un css di questo tipo funziona:

body
{
width:297%;
}

.box
{
width:33%;
float:left;
}

Ok è una porcata, ma almeno è css puro.

width: 99% ?

__________________
Enrico sono io!