Newsgroup: it.comp.www.html
Titolo: Visualizzazione di una pagina in base alla risoluzione dello schermo

Salve a tutti,
non sono un ultra esperto di html (autodidatta, quindi immaginatevi i
risultati ;P)  e sono totalmente all'oscuro di php e css...Di conseguenza
non ho idea se la seguente cosa sia fattibile o meno con i miei mezzi,
spero di si, abbiate pietà  :)
Il problema è il seguente: in una pagina internet devo mettere uno sfondo
bicolore diviso verticalmente a metà, da un lato bianco e dall'altro nero.
Ho creato così una jpeg lineare di 1024 pixel di larghezza e uno di
altezza, colorandola come scritto sopra e l'effetto era perfetto. Solo che
risultava perfetto solo a chi usava la risoluzione 1024x768, non a quelli
con una risoluzione maggiore o minore, visto che l'animazione flash che
sta al centro nel mio progetto appariva in posizione sbagliata in entrambi
i casi, risultando illeggibile (l'animazione, che sta al centro dello
schermo, prevede delle scritte bianche che risultano leggibili solo nella
porzione di sfondo nera e viceversa delle scritte nere che compaiono solo
nella parte bianca)
Adesso, creando diverse jpeg di sfondo, ognuna in base alla possibile
risoluzione, c'è un modo per far "captare" alla pagina la risoluzione del
visitatore, facendole così adottare lo sfondo corretto? O c'è un modo più
semplice che ignoro ancora per risolvere il problema in modo più semplice?
Grazie :)
Max

 Ho creato così una jpeg lineare di 1024 pixel di larghezza e...
Questa la so anch'io!!! :-)
Crea una tabella fatta di due colonne, dai a ogni colonna il 50% e alla
cella di sinistra un gif (meglio) di sfondo fatta da un solo dot bianco, e
quella di destra uno nero.
Ottieni due risultati, uno e' che funziona, il secondo che al posto di
caricare una immagine grossa ne carica una fatta da un bit.

"Max" ha scritto:
| Il problema è il seguente: in una pagina internet devo mettere uno sfondo
| bicolore diviso verticalmente a metà, da un lato bianco e dall'altro nero.
Ciao Max,
    considera anche che un utente possa non avere la finestra del browser
a schermo pieno, quindi la soluzione di un immagine lineare in base alla
risoluzione non va comunque bene. Direi che il modo migliore è usare i css.
Ecco la soluzione che ho trovato: il body ha background nero e c'e' un div
bianco sulla destra largo metà della pagina. Il filmato sta al centro dello
schermo.
* Nella sezione head del tuo html metti:
<style type="text/css">
body{
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #000;
    color: #fff
    }
#whiteblock{
    width: 50%;
    height: 100%;
    background-color: #fff;
    color: #000
    }
#flash{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;  /*qui imposti le dimensioni  del filmato*/
    height: 200px;
    margin: -100px 0 0 -200px; /* i margini a valore negativo pari a metà delle dimensioni*/
    z-index: 99;
    border: 2px solid #777   /*da rimuovere, solo per vedere il div*/
    background-color: #f00;  /*da rimuovere, solo per vedere il div*/
    color: #0f0;                     /*da rimuovere, solo per vedere il div*/
    }
</style>
* Poi nel body metti:
<body>
<div id="whiteblock">&nbsp;</div>
<div id="flash">
    <!-- qui inserisci il codice per l' oggetto flash -->
</div>
</body>
E il gioco è fatto. Il filmato flash resta centrato nello schermo anche con
il resize, e i due blocchi bianco e nero spaccano a metà la finestra del browser.
Fammi sapere se va bene.
Saluti,
    SantaKlauss
P.S: credo che tutti siamo autodidatti. Per i css puoi iniziare da qui:
www.w3schools.com
www.brainjar.com
http://codepunk.hardwar.org.uk/
www.mako4css.com
Have fun!

Rettifico:
#flash{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;  /*qui imposti le dimensioni  del filmato*/
    height: 200px;
    margin: -100px 0 0 -200px; /* i margini a valore negativo pari a metà delle dimensioni*/
    z-index: 99;
    border: 2px solid #777;   /*da rimuovere, solo per vedere il div*/
    background-color: #f00;  /*da rimuovere, solo per vedere il div*/
    color: #0f0                     /*da rimuovere, solo per vedere il div*/
    }
Scambiando due riga avevo scombinato i punti e virgola (l' unica riga che può non averne
è l' ultima). Così e' corretto.
Ciao,
    SantaKlauss

 schermo.
Grazie mille! Provo subito e ti faccio sapere il risultato :)
Grazie ancora
Max

 P.S: credo che tutti siamo autodidatti. Per i css puoi iniziare da qui:
Gli darò un'occhiata :)
Ciao
Max