Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2009
    Messaggi
    124

    Div in percentuale padre in percentuale

    Salve a tutti,

    sto creado un sito web ed ho questo problema:

    ho un div in altezza in %, imposto 100% ma il div rimane della stessa altezza,
    perchè ho visto che la sua altezza corrisponde all'altezza del body.

    Anche se sul body metto 100% rimane uguale, dovrei impostare una grandezza fissa al body e mettere 100% al figlio giusto ?

    Il problema è che la div deve vedersi bene su tutti i tipi di monitor dal 15" al 24", quindi su risoluzioni diverse.... Come posso fare?

    Se intercetto la risoluzione del broswer del navigatore, e la imposto come height: del body ? Come posso far ciò ?


    Grazie per la disponibilità
    Andrea

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Un'altezza in percentuale su un elemento viene calcolata dal browser in base alle dimensioni dell'elemento contenitore, quindi dovrai avere html, body {height:100%;}

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2009
    Messaggi
    124
    hai ragione mi ero messo d'accordo di mettere height:100% allo scroll...

    P.S ora è perfetto se pero' metot un testo lunghissimo dove mi esce lo scroll bar... dopo lo scroll non quel div non continua ovviamente perchè ho messo height:100% e calcola la lunghezza della pag senza scroll..

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Non è molto chiaro. Se i contenuti eccedono l'altezza della finestra dovranno essere scrollabili per essere visualizzati, sia che avvenga attraverso la barra di scorrimento del body o quella del div (per il quale dovrai avere un overflow:auto se blocchi lo scorrimento su html e body)

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.