Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    583

    centrare div con z-index diverse

    Ciao a tutti,
    il mio problema è questo.

    Ho un vecchio sito fatto per una risoluzione 800x600 composto da vari div alcuni sovrapposti agli altri, quindi con z-index diverse e position:absolute.

    Ora vorrei centrare l'intero sito al centro della finestra del browser.
    Ho provato a racchiudere il tutto in un div container e inserire text-align:center, ma i div con z-index diverse da 0 non se lo filano.

    Come fare?

    Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Recentemente holetto questi articoli, che mi son parsi ben fatti:
    I posizionamenti assoluti
    Capire i posizionamenti relativi
    In particolare dovresti leggere quello sui posizionamenti assoluti.

    Nel tuo caso dovresti quindi posizionare il "contenitore" in modo assoluto, centrandolo con:
    width: Xpx;
    left: Ypx;
    margin-left: -50%;

    dove Y = X / 2
    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
    Registrato dal
    Apr 2004
    Messaggi
    583
    In parte sembra funzionare, ma non so perchè.

    Forse è meglio mi legga gli articoli.

    Grazie per la segnalazione.

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Negli articoli segnalati non c'e` scritto come centrare un blocco assoluto, ma quella e` "roba standard" per chi frequenta questo forum (per approfondire prova a con una ricerca - bottone in alto).

    Negli articoli c'e` spiegato perche` non puoi inserire dei blocchi con posiz. assoluta dentro a blocchi non posizionati.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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