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

    centrare box verticalmente

    ciao!

    volevo chiedervi questa cosa: nell'homepage del sito web che ho creato (la intro) ho inserito un box e vorrei che fosse sempre posizionato al centro sia in verticale che in orizzontale:
    ho provato a impostare margin: auto; ma in verticale non lo centra, ma resta attaccato al bordo superiore, per questo ho impostato margin-top: 30px per ovviare ma so che non è centrato e non va molto bene...sapete dirmi come mai margin: auto; non va in verticale o come fare??

    secondo: accedendo al sito ho inserito un riquadro di fancybox, mi hanno detto che non si carica, a me a volte si carica, a volte no...voi cosa dite?

    sito: www.oikoslecco.it

    grazie mille!!
    francio

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Vedi tra i "link utili" (all'inizio, in evidenza).

    Se poi hai problemi torna pure, ma prima ti consiglio di leggerti quanto gia` scritto.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    i links presenti in quella sezione funzionano?
    Perchè le pagine a cui rimandano segnalano che i contenuti non sono più disponibili...

    francio

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Brutta cosa. Hanno deciso di rivedere strumenti che erano ancora validi.

    Comunque se ne e` parlato spesso nel forum (prova a fare una ricerca).

    In poche parole: per centrare (anche) in verticale si devono usare i posizionamenti assoluti:
    codice:
    HTML:
    <body>
      <div id="wrapper">
        ... qui tutto il sito ...
      </div>
    </body>
    
    CSS:
    html, body {
      width: 100%;    /* e` piu` semplice se si definiscono le dimensioni */
      height: 100%; 
    }
    #wrapper {
      position: absolute;
      width: XXXpx;
      height: YYYpx;
      left: 50%;
      top: 50%;
      margin-left: -XXpx;     /* meno la meta` di XXX */
      margin-top: -YYpx;    /* meno la meta` di YYY */
    }
    La cosa funziona se le dimensioni del wrapper non superano quelle della finestra del browser.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5

  6. #6
    grazie a tutti!

    si, mi ero scordato che si potevano usare anche i posizionamenti assoluti per centrare!

    ciao!
    francio

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.