Visualizzazione dei risultati da 1 a 10 su 10
  1. #1
    Utente di HTML.it L'avatar di Veronica80
    Registrato dal
    May 2006
    Messaggi
    2,117

    Div spezzato a bassa risoluzione...

    ciao gente!
    Premetto che coi CSS son scaaaaaarsaaaaaaaa.

    Allora...io ho usato sto CSS in modo da centrare nella pagina il mio sito completamente fatto in flash:

    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <
    title>Dream Island Tour</title>

    <
    style type="text/css">
    <!--
    body,html height:100%;margin:}
    #box {
        
    border:solid;
        
    border-width:2px;
        
    border-color:#D19301;
        
    width880px;
        
    height:550px;
        
    position:absolute;
        
    top:50%;
        
    left:50%;
        
    margin:-275px 0 0 -440px;
    }
    body {
        
    background-imageurl(pattern.png);
    }
    -->
    </
    style>
    <
    script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>


    <body>
    <div id="box">
    /*Qui dentro ci metto il codice per il filmato flash*/
    </div>
    </body>
    </html> 
    Il problema è che siccome il filmato è 880x550 quando uno usa risoluzione 800x600 (chi la usa ancora? ) dovrebbero uscire le scrollbar.

    In effetti escono...ma mi spezzano il filmato nel lato sinistro e nel lato superiore

    per vedere un'esempio guardate qui:

    http://www.thewhitebullet.com/DI

    Provate a 1024x768 e poi a 800x600....

    come posso risolvere sto problema?

    GRAZIE!!!

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Il problema è che hai utilizzato la position absolute, molto più semplicemente prova a fare così:

    body {
    margin:0;
    padding:0;

    background-image: url(pattern.png);
    }
    #box {
    margin: 0 auto;
    text-align:center;
    border: solid 2px #d19301;
    width: 880px;
    height:550px;
    }

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Scusa mi è partito il mes =) dicevo così:

    body {
    margin:0;
    padding:0;
    text-align:center;
    }

    background-image: url(pattern.png);
    }
    #box {
    margin: 0 auto;
    text-align:center;
    border: solid 2px #d19301;
    width: 880px;
    height:550px;
    }

    Ciao!

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    é mattina anche per me =)

    body {
    margin:0;
    padding:0;
    text-align:center;
    background-image: url(pattern.png);
    }

    }
    #box {
    margin: 0 auto;
    text-align:center;
    border: solid 2px #d19301;
    width: 880px;
    height:550px;
    }

  5. #5
    Utente di HTML.it L'avatar di Veronica80
    Registrato dal
    May 2006
    Messaggi
    2,117
    si ma così nn mi centra il filmato al centro della pagina.

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Dai del margin top tipo:

    margin:0 auto;
    margin-top:100px;

    in questo modo ti tiene 100px dal margine superiore, aggiustalo te fino a quando nn ti sembra centrato, ma nn utilizzare la position absolute, nn avrai mai una posizione certa.

  7. #7
    Utente di HTML.it L'avatar di hcka
    Registrato dal
    Oct 2002
    Messaggi
    435
    Così facendo non ottiene un posizionamento centrato verticalmente ed orizzontalmente...

    Dovresti usare una funzione JS per risolvere, che ti posiziona il flash centrato nel caso che la dimensione interna della pagina sia maggiore del filmato, altrimenti lo posiziona opportunamente per non mangiarlo...

  8. #8
    Utente di HTML.it L'avatar di Veronica80
    Registrato dal
    May 2006
    Messaggi
    2,117
    da quello che mi sembra di vedere la centratura col mio codice funziona a tutte le risoluzioni tranne che con quella 800x600!

    Quindi al limite metto un js che rileva la risoluzione...o è troppo invasivo?

  9. #9
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    io però non credo di aver capito che cosa vorresti fare se la risoluzione è 800 x 600 (o minore)
    - vuoi eliminare le scrollbar?
    - vuoi centrare il flash in orizzontale (tagliando l'animazione sia a destra che a sinistra)?
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  10. #10
    Utente di HTML.it L'avatar di hcka
    Registrato dal
    Oct 2002
    Messaggi
    435
    Da quello che ho capito vuole evitare che l'animazione sia tagliata...Ora utilizza 50% 50% per il posizionamento, questo da quanto vedo agisce anche in negativo (posiziona a -spaziovuoto/2)... Se provassi con una rioluzione minore di 800x600? Teoricamente ci sarebbe lo stesso problema... Quindi mi viene in mente come soluzione quella di controllare la dimensione interna del browser, e se la larghezza di questa è minore della larghezza del flash allora posizionare il flash a 0px di left, idem per l'altezza (posizionandolo a 0px di top)...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.