Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Adattare un sito a diverse risoluzioni

    Ciao a tutti,
    ho creato un sito e avrei bisogno di adattarlo a diverse risoluzioni video, ci sono un po' di immagini quindi non penso che sia proponibile l'idea di inserire le misure dei DIV in percentuale.

    Io stavo pensando invece di centrare tutto il contenuto al centro dello schermo e inserire delle bande laterali di un certo colore se l'utente ha uno schermo con una risoluzione diversa da quella per cui ho progettato il sito.

    Comunque non riesco a farlo, non riesco a centare la pagina, ho provato con text-align direttamente nel body ma così centra anche tutto il testo.
    Conoscete una soluzione?

    Vi ringrazio

  2. #2
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Pagina centrata

    codice:
    <!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>Documento senza titolo</title>
    <style type="text/css">
    <!--
    #contenitore {
    	background-color: #FF0;
    	font-size: 24px;
    	font-weight: bold;
    	margin: -280px 0 0 -430px;
    	padding: 30px;
    	height: 500px;
    	width: 800px;
    	position: absolute;
    	left: 50%;
    	top: 50%;
    }
    body, html {
    	background-color: #FFF;
    	margin: 0;
    	padding: 0;
    }
    -->
    </style>
    </head>
    
    <body>
    <div id="contenitore">
    Qui devi mettere il contnuto del tuo div, Naturalmente 
    io ho messo delle misure a mio piacimento, tu devi 
    modificarle a tuo piacimento. Questro div centrato 
    funziona con tutti i browser, puoi provare!
    </div>
    </body>
    </html>

  3. #3
    Grazie per la risposta dettagliata, però in questo modo scrivendo left:50% sposta il bordo sinistro della pagina al centro dello schermo.
    Che ne dici di:

    codice:
    <div style="position:center;">
    Sul mio schermo non vedo cambiamenti quindi forse funziona ma dovrei farlo verificare a chi ha uno schermo con risoluzione maggiore di 1280x800

  4. #4
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Originariamente inviato da breathless84
    Grazie per la risposta dettagliata, però in questo modo scrivendo left:50% sposta il bordo sinistro della pagina al centro dello schermo.
    Che ne dici di:

    codice:
    <div style="position:center;">
    Sul mio schermo non vedo cambiamenti quindi forse funziona ma dovrei farlo verificare a chi ha uno schermo con risoluzione maggiore di 1280x800
    position:center, non esiste!

    Il div è posizionato al centro come ti ho detto io guarda l'esempio che ti ho postato se vuoi ti faccio l'esempio con misure più piccole dimmi tu le misure del div

  5. #5
    Grazie mille, ho sistemato i margini e ora funziona tutto alla perfezione.

    Saluti!

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 © 2026 vBulletin Solutions, Inc. All rights reserved.