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

    paragrafo height 100% della pagina

    ciao, vorrei avere il paragrafo contenente il testo della pagina alto il 100%, ma non riesco a trovare come fare.
    Ovviamente ho provato le varie tecniche height:100%, sia del p che dei vari contenitori, ma non funzionano.
    Sapete come posso fare per allungare il paragrafo?

    devo alungare ilparagrafo e non il div che lo contiene, perchè il p ha un border, ed è questo che mi serve vedere lungo... se lo metto al div contenitore mi si disallineano i div a fianco

    codice:
    <div class="span3"> </div>
            
    <div class="span6 main_content">
         
    
    QUESTO è IL CONTENUTO</p>
    </div>
            
    <div class="span3"></div>

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2013
    Messaggi
    23
    Ciao Danirota,

    Non puoi mettere l'altezza al 100%, a meno che l'elemento a cui ti stai riferendo non sia in posizione assoluta.

    Per ovviare potresti mettere un altezza fissa, oppure usare javascript, andandoti a calcolare l'altezza del div, e mettere l'altezza del paragrafo di conseguenza.

  3. #3
    è quello che pensavo, ma speravo ci fosse qualche "trucco" con i css...
    Grazie

  4. #4
    Le dimensioni in percentuali sono sempre riferite a qualcos'altro, che sì, deve avere altezza definita (che può essere a sua volta definita in percentuale). Il "problema" di solito è che body/html non hanno quest'atezza definita.
    Prova (se il tuo layout te lo consente) ad aggiungere una regola del tipo:
    codice:
    html,body{height:100%} 
    p{height:100%}

  5. #5
    Avevo già provato, ma non funziona.
    Ho dato l'altezza all'html e al body (che tra l'altro il loro 100% si riferisce alle dimensione della finestra dello schermo, e nona quelle effettive della pagina...) e a tutti i contenitori del div (o del p) che deve essere al 100%

    Evidentemente l'unica soluzione è calcolare l'altezza in px con javascript

  6. #6
    Hai la pagina online? Oppure il codice? Non sembra proprio un problema che richiede l'uso di js...

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.