Stellar Blade Un'esclusiva PS5 che sta facendo discutere per l'eccessiva bellezza della protagonista. Vieni a parlarne su Award & Oscar!

AESSENET.ORG - Forum Forum di aessenet

CSS altezza degli elementi DIV

  • Messaggi
  • OFFLINE
    Tremendo82
    Post: 96
    Utente Junior
    00 13/07/2006 15:27
    Ciao, ho più o meno ultimato il mio primo sito ma ho un dubbio:
    per non utilizzare i frame ho utilizzato vari contenitori per le sezioni (menu, contenuto...).
    Ora sono di altezza fissa, l'idea è di far sì che il div del contenuto si adatti (in altezza) a quello che effettivamente sia inserito al suo interno, ma poi come faccio a dire agli altri di avere la stessa altezza?
  • OFFLINE
    Etabeta3030
    Post: 919
    Utente Senior
    00 13/07/2006 20:09
    i div non dovrebbero adattarsi al contenuto ma alla pagina nel suo insieme.
    io mi trovo bene a creare un div "contenitore", come fosse la pagina, e poi inserisco dentro tutti i div con i contenuti.
    Se usi le percentuali invece che le dimensioni fisse il sito diventa "elastico", il che è l'ideale, anche se un po' complesso soprattutto per la gestione delle immagini.
    tu dai al div un'altezza, per es 80%, poi il contenuto si adatta. Se vuoi che appaia lo scrolling metti nei css del div overflow=auto; se invece vuoi che il contenuto debordante non compaia overflow=hidden;
  • OFFLINE
    Tremendo82
    Post: 97
    Utente Junior
    00 16/07/2006 21:26
    mi spiego meglio
    Utilizzo un contenitore, al suo interno ci sono 2 div, uno per la navigazione e uno per il contenuto (sono entrambi verticali).
    Ora ho deciso di fissare solo la larghezza del sito, l'altezza sarà quindi diversa da pagina a pagina in funzione del contenuto. Il problema è questo: scrivendo sul div "contenuto" esso aumenta la sua altezza, ma come faccio a far sì che il div "navigazione" sia alto esattamente uguale a questo? Altrimenti mi trovo che lo sfondo del DIV navigazione non copre tutta la colonna a sinistra del sito.
    Ciao
  • OFFLINE
    Etabeta3030
    Post: 920
    Utente Senior
    00 17/07/2006 19:21
    prova a dare a tutti e tre i div un'altezza in proporzione.
    Al contenitore dai 98% (così non ti esce lo scrolling)
    e ai due div interni 100% (se vuoi arrivare a coprire tutta la lunghezza della pagina).

    se lavori in pixel invece devi avere esattamente le dimensioni del contenuto in altezza (es. una foto alta 300px) allora avrai
    div#contenuto {
    height: 300px;
    ....
    }
    div#menu {
    height: 300px;
    ...
    }

    ma questo con i testi non è consigliabile, perchè possono variare in base alle dimensioni dello schermo e del carattere adottato dal tuo utente. Ecco perchè ti consiglio di utilizzare le percentuali.


    Modificato da Etabeta3030 17/07/2006 19.21