Visualizzazione risultati 1 fino 3 di 3
Like Tree1Likes
  • 1 Post By alemoppo

Discussione: [CSS] Come occupare tutta l'altezza della pagina con "height"

  1. #1
    laravista non è connesso Utente AlterBlog
    Data registrazione
    07-12-2019
    Messaggi
    60

    Question [CSS] Come occupare tutta l'altezza della pagina con "height"

    Ciao,
    per il mio progetto open-source sto cercando di aprire l'Editor occupando tutta la pagina, quindi invece di usare un numero fisso height: 500px; stavo provando ad usare height: 100vh; ma mi va oltre la pagina. Se avete un'idea di come fare, potete provare a editare il codice HTML della pagina direttamente da quì:

    1. Login con admin/password https://laravista.altervista.org/VanillaCMS/
    2. poi cliccare su 📝Edit
    3. provare col Web Tool del vostro browser a modifica il tag <style>


    Codice HTML:
        <style>
          .editor {
              /* height: 500px; */
              height: 100vh;
          }
        </style>

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    23,246

    Predefinito

    100vh ti genera quel div alto esattamente come la finestra dello schermo. Quindi se sommi il menu in alto con + margin del tuo contenitore, la pagina sarà più alta in totale.

    Quindi se vuoi che sia l'editor ad essere alto come tutto lo schermo, dovresti impostare margin a 0 a editor e content. Se invece vuoi che TUTTA la pagina sia alta come lo schermo, dovresti usare vh per tutti gli elementi, ovviamente sempre con margin a 0 (anche per html e body).

    Ciao!
    Ultima modifica di alemoppo : 19-10-2025 alle ore 10.34.30
    laravista likes this.

  3. #3
    laravista non è connesso Utente AlterBlog
    Data registrazione
    07-12-2019
    Messaggi
    60

    Predefinito

    Mi spiego meglio: sto cercando di occuppare tutta la parte sotto (in GIALLO) con Editor, per non lasciare spazzi vuoti (sotto)


Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •