Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2016
    Messaggi
    3

    Adattare l'altezza di div uno di fianco all'altro

    Questo è il codice, le righe ad un certo punto vanno a finire sotto l'indice invece, quindi vorre un modo per adattare l'altezza dell'indice a quello del div contenuto, non ditemi di impostare un'altezza fissa, perchè non è la soluzione che voglio ahahahaha
    codice HTML:
    <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <title>Documento senza titolo</title>
       <style type="text/css">
          #contenitere_prin #menu ul {
          list-style-type: none;
          }
          #contenitere_prin #menu ul li {
          float: left;
          }
          #contenitere_prin #contenitore2 {
          clear: both;
          }
          #contenitere_prin #contenitore2 #indice {
          width: 130px;
          float: left;
          background-color: #CCC;
          }
       </style>
    </head>
    <body>
       <div id="contenitere_prin">
          <div id="intestazione">Intestazione</div>
          <div id="menu">
             <ul>
                <li>Home</li>
                <li>
                   Servizi
                   <ul>
                      <li>Servizio 1</li>
                      <li>Servizio 2</li>
                   </ul>
                </li>
                <li>Blog</li>
                <li>Contatti </li>
             </ul>
          </div>
          <div id="contenitore2">
             <div id="indice">Indice</div>
             <div id="contenuto">
                <p>Riga 1</p>
                <p>Riga 2</p>
                <p>Riga 3</p>
                <p>Riga 4</p>
                <p>Riga 5</p>
             </div>
          </div>
          <div id="info">Info</div>
       </div>
    </body>
    </html>
    Ultima modifica di KillerWorm; 11-07-2016 a 20:05 Motivo: formattazione codice

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    [Mod]
    Per il momento ho editato io il tuo post ma quando si posta del codice è opportuno utilizzare gli appositi tag di formattazione (vedere regolamento di sezione). Grazie.
    _____

    Puoi risolvere con flexbox (CSS3):
    codice:
    #contenitore2 { display: flex; }
    Oppure forzando la visualizzazione a tabella:
    codice:
    #contenitore2 { display: table; }
    #contenitore2>div { display: table-cell; }
    In entrambi i casi va tolto float:left da #indice.

    Ci possono essere anche altri modi.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    potresti mettere un margin-left al contenitore delle righe pari alla lunghezza del div #indice o qualche px in più se vuoi spaziarlo

Tag per questa discussione

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.