• User Newbie

    layout centrato con bordi tagliati dal browser

    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