Ciao a tutti,
vi sottopongo un problema che mi si è presentato nel creare un sito con i css (di cui non sono un grande esperto).
Mi è stato chiesto di creare un layout centrato fluido sia in altezza che in larghezza (e fin qui ci siamo) il cui container centrale contenga un file swf di 1265px che a una risoluzione minore (1024x768) rimanga centrato nel browser in modo che i bordi eccedenti a destra e sinistra vengano tagliati dal browser senza la comparsa della barra di scorrimento orizzontale.
La barra di scorrimento l'ho eliminata con il parametro overflow: hidden, il problema, però, è che a una risoluzione di 1024x768 il layout si allinea a sinistra e la parte che viene tagliata dal browser è quella di destra.
Un esempio di come dovrebbe venire il layout lo trovate qui xerocash.com se provate a restringere il browser vedrete che il layout rimane sempre centrato e, avendo una dimensione fissa, i bordi a destra e sinistra vengono tagliati dal browser senza barre di scorrimento.
Preciso che l'esempio in questione è fatto totalmente in flash.
Secondo voi è possibile ricreare questo effetto solo con i css?
Il mio dubbio è che questa cosa all'interno di una struttura in ccs non sia possibile e che sia realizzabile solo con flash o, eventualmente con degli script.....
Qui trovate il layout a cui sto lavorando io
ww w.display.it/html_furla/prova2_new.html
Nel mio caso, vorrei che quando riduco la pagina, i bordi vengano tagliati sia a destra che a sinistra (mentre attualmente vengono ritagliati solo i bordi a destra) senza la presenza dello scrollbar.
Attualmente lo scrollbar non c'è ma una volta ridotta la pagina viene ritagliato il bordo destro mentre a sinistra l'immagine rimane intera e, di conseguenza, non più centrata.
Spero che qualcuno di voi possa darmi qualche dritta.
Grazie e buona giornata.
Simone