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

    Height al 100% di un altro Div

    Ciao a tutti, mi fiondo subito qui, perchè non capisco una cosa,
    e non trovo da nessuna parte la risposta alla mia domanda
    se io creo un solo div con height al 100% all'interno del body, questo div, rimane al 100% di altezza rispetto la pagina, e fin qui tutto normale...

    ora, se io creo div1 con al 100% di height e lo metto all'interno di un div2 con min-height: 50px;

    perchè non riempe l'altezza di tutto il div2? come faccio a farlo?
    Ultima modifica di lestath87; 16-10-2014 a 16:13

  2. #2
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    #div2 {
        background-color: #FF5E61;
        height: 50px;
    }
    #div1 {
        background-color: #749DFF;
        height: 100%;
    }
    </style>
    </head>
    
    <body>
    <div id="div2">
      <div id="div1">Inserite qui il contenuto per  id "div1"</div>
    </div>
    </body>
    </html>
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #3
    si, così funziona se metto un height fisso
    ma il problema è che il div2 non ha un'altezza fissa, bensì all'interno ha delle opzioni che lo allungano, quindi non posso tenere un'altezza fissa

    (infatti ho subito modificato il messaggio specificando min-height:50px; )

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.