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

    Posizionare div container al centro

    Ho realizzato la home page di un sito è praticamente conclusa ma non riesco a centrare orizzontalmente la pagina. Qualcuno può aiutarmi a posizionare centralmente il sito nella pagina qualunque sia la risoluzione del monitor da cui viene visualizzata?
    Riporto qui sotto il foglio di stile .css

    body
    div#container{
    background-image: url(sfondo.gif);
    position: absolute;
    width: 760px;
    height: 600px;
    top: 0px;

    }

    div#header{
    position: absolute;
    left: 0px;
    width: 760px;
    img-align: center;
    }

    div#navigation{
    position: absolute;
    left: 0px;
    top: 140px;
    width: 250px;
    img-align: center;
    text-align: center;
    }

    div#content{
    position: absolute;
    left: 250px;
    top: 140px;
    width: 500px;
    img-align: center;
    text-align: left;
    }
    p {font: 18px commercialscript bt, arial; color: a82e3c;}

  2. #2

  3. #3
    ho seguito le indicazione del link che mi hai dato purtroppo non ho risolto il problema xkè adesso la pagina è allineata a destra. Ecco come ho modificato il mio foglio di stile se trovi l'errore dimmelo!!!!!

    body {
    text-align: center;
    font-size: 100%;
    width: 100%;
    }

    div#container{
    margin: 0 auto;
    text-align: left;
    background-image: url(sfondo.gif);
    position: absolute;
    width: 760px;
    height: 600px;
    top: 0px;

    }

    div#header{
    position: absolute;
    left: 0px;
    width: 760px;
    img-align: center;
    }

    div#navigation{
    position: absolute;
    left: 0px;
    top: 140px;
    width: 250px;
    img-align: center;
    text-align: center;
    }

    div#content{
    position: absolute;
    left: 250px;
    top: 140px;
    width: 500px;
    img-align: center;
    text-align: left;
    }
    p {font: 18px commercialscript bt, arial; color: a82e3c;}

  4. #4
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    non usare il posizionamento assoluto

    inoltre
    codice:
    color: a82e3c;
    andrebbe
    codice:
    color: #a82e3c;

  5. #5
    Ho fatto come mi hai detto ora il sito appare centrato però il div container viene visualizzato al centro della pagina in alto mentre gli altri blocchi (header, navigation e content) sono visualizzato sotto; invece dovrebbero essere visualizzati sopra lo sfondo del div container. Come posso fare?

    Ps: ho aggiunto il tuo contatto su msn.

  6. #6
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da francesco87
    Ho fatto come mi hai detto ora il sito appare centrato però il div container viene visualizzato al centro della pagina in alto mentre gli altri blocchi (header, navigation e content) sono visualizzato sotto; invece dovrebbero essere visualizzati sopra lo sfondo del div container. Come posso fare?

    Ps: ho aggiunto il tuo contatto su msn.
    posta anche l'html (usa il tag code per favore)

  7. #7
    ci sono riuscito senza postare il codice htlm grazie mille

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.