Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2004
    Messaggi
    14

    centrare un div verticalmente

    <div style="height: 100%">
    <div id="contiene_il_logo_della_società" style="...">
    [img]logo.gif[/img]
    </div>
    </div>

    Cosa devo mettere nello style del div interno perché risulti centrato verticalmente rispetto al div esterno, così da avere il logo della società al centro della pagina? Grazie.

  2. #2
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    182
    Spero di aver capito....bastava aggiungere un align:center

    <div style="height: 100%">
    <div id="contiene_il_logo_della_società" align="center"> [img]logo.gif[/img]</div>
    </div>


    Ciao

    Giulia

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2004
    Messaggi
    14
    Vedi qui sotto per favore.

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2004
    Messaggi
    14
    *** Scusate, riporto con un font a larghezza fissa ***

    No, mi dispiace, non è quello che volevo.
    Ho bisogno di centrare il div interno *verticalmente*, non (solo) orizzontalmente.
    Ecco cosa succede col codice da te proposto:

    +------------------------+
    |........+-----+.........|
    |........|.....|.........|
    |........|.....|.........|
    |........+-----+.........|
    |........................|
    |........................|
    |........................|
    |........................|
    +------------------------+
    ed ecco invece il risultato che vorrei ottenere io:
    +------------------------+
    |........................|
    |........................|
    |........+-----+.........|
    |........|.....|.........|
    |........|.....|.........|
    |........+-----+.........|
    |........................|
    |........................|
    +------------------------+

    Come posso fare? Grazie.

  5. #5

  6. #6
    Utente di HTML.it
    Registrato dal
    Aug 2004
    Messaggi
    182
    Finalmente riesco a risponderti...ma ero stata preceduta...
    devi provare con i css
    Per esempio....
    p{width: 5em; margin: auto; text-align: left;}

    e poi




    <div style="height: 100%" align="center">
    <div id="contiene_il_logo_della_società" >
    [img]logo.gif[/img]
    </div>
    </div>
    </p>

    Ciao Ciao

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.