Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di Buzzz
    Registrato dal
    Jan 2009
    Messaggi
    775

    sfondo centrato - centrato

    ciao a tutti...
    seguendo un paio di guide online ho letto che per centrare uno sfondo sia verticalmente che orizzontalmente bisogna scrivere:
    background-position:center center;
    io faccio lo stesso, però lo sfondo si accentra solo orizzontalmente, come mai?
    ecco il sito: http://cuaxo.com
    ecco lo style: http://cuaxo.com/style/style.css

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Devi anche definire le dimensioni dell'oggetto in cui vuoi lo sfondo centrato, altrimenti e` dura per il browser centrare un'immagine in un oggetto di cui non conosce le dimensioni.
    In alternativa ti basta riempire lo spazio, in modo che le dimensioni siano definite dal contesto.

    Comunque prova a modificar eil CSS cosi`:
    codice:
    html,body{
      min-width: 100%;
      min-height: 100%;
    }
    body{
    	 background:#CC0000 url(../img/background.jpg) no-repeat;
    	 background-position:center center;
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di Buzzz
    Registrato dal
    Jan 2009
    Messaggi
    775
    ho provato e funziona... però mi allarga la pagina di circa 5 - 10 px ...
    facendo comparire la barra di scorrimento in basso... perchè?

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non riesco a capire perche`. Di solito succede quando si usano margini, padding o bordi che si sommano al 100%, ma non e` il tuo caso.

    Comunque prova a definire width:100% anziche` min-width.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it L'avatar di Buzzz
    Registrato dal
    Jan 2009
    Messaggi
    775
    ho scoperto il perchè.
    in pratica nel css relativo al background ho impostato solo CENTER, lo sfondo ora è centrato orizzontalmente però verticalmente si centra solo in base a quanto è lungo il container che uso (non so cosa succede togliendo il container, ma presumo cue cose:
    - o che si centra verticalmente in base a quante righe scrivi;
    - oppure si posiziona verticalmente come vuole lui xD


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.