Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Aiuto adattamento div

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2016
    Messaggi
    9

    Aiuto adattamento div

    Ciao a tutti,
    questo è la prima discussione che apro perchè proprio non riesco a risolvere questo problema. Ho un div intestazione che contiene una lista. Il problema è quando la lista inizia a diventare lunga essa esce dal div e quindi lo sfondo del div intestazione non c'è più dietro la lista. Ho provato a usare l'overflow ma non voglio che l'altezza del div rimanga la stessa e che compaia la scroll bar, mi serve che l'altezza del div si espandi fin dove la lista arrivi. Qualcuno può aiutarmi? Grazie in anticipo

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    Quote Originariamente inviata da Nyxal Visualizza il messaggio
    mi serve che l'altezza del div si espandi fin dove la lista arrivi

    https://www.youtube.com/watch?v=3i5Rpq-fcJE

    vediamo la questione:
    da come l'hai esposto, il problema, non sembra complicato.
    ma, se non ci mostri come hai settato div e menu, non siamo in grado di aiutarti.
    posta un po' di codice, così vediamo se riusciamo ad aiutarti

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2016
    Messaggi
    9
    Il codice è abbastanza complicato perchè c'è anche il CSS. Qualche idea lo stesso? :S

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    se non ci dai indicazioni su cosa lavorare... no

    in ogni caso ci dovrebbe bastare la parte interessata (sia html che css), non tutta la pagina

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2016
    Messaggi
    9
    Questa è la lista che ho nell'html che risiede nel div intestazione (tutti quei br servono per far andare a capo gli elementi della lista (sono dei rettangoli, ho trovato solo questo brutto metodo per andare a capo)
    <div id="intestazione">
    <div id="listamod">
    <ul id="listamod">
    <li id="listamod"><p id="titolilista">Lettera A</p></li><br><br><br><br><br>
    <li id="listamod">AbyssalCraft</li>
    <li id="listamod">AhermalExpansion</li>
    <li id="listamod">AndustrialCraft</li>
    <li id="listamod">Aotania</li>
    <li id="listamod">AndustrialCraft</li>
    <li id="listamod">AuildCraft</li><br><br><br><br><br><br><br><br><br><br>
    <li id="listamod"><p id="titolilista">Lettera B</p></li><br><br><br><br><br>
    </ul>
    </div>
    </div>
    Questo è il CSS
    #intestazione {
    background-image: url(../Immagini/Generali/Intestazione.jpg);
    background-size: 100% 100%;
    width: 50%;
    height: 85%;
    top: 28%;
    left: 50%;
    margin-left: -25%;
    border: solid;
    -webkit-box-sizing: border-box;
    }

    #listamod {
    top: 10%;
    width: 100%;
    height: 90%;
    margin: 0;
    padding: 0;
    }


    ul#listamod {
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    }


    ul#listamod li#listamod {
    float: left;
    width: 20%;
    height: 10%;
    margin: 2%;
    background-color: none;
    border: solid;
    border-color: black;
    -webkit-box-sizing: border-box;
    text-align: center;
    color: white;
    }

  6. #6
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    uhm... prima cosa devi sapere che un ID non può essere replicato, deve essere univoco.
    quindi, per gli identificativi che vuoi replicare, devi usare le classi. no gli id.
    poi: tra le voci di lista non è possibile mettere nulla, nemmeno un br.
    se vuoi distanziarle lavora tramite lo stile, assegnando una classe specifica se necessario.

    da quello che posso intuire, il tuo contenitore id="intestazione" ha altezza 85% del contenitore padre.
    quindi non si allunga in presenza di contenuti maggiori.
    prova a non definire l'altezza, dovresti risolvere.


    per postare codice sul forum ricorda di usare il tag code (vedi tasto # in modalità avanzata), grazie

  7. #7
    Utente di HTML.it
    Registrato dal
    Jun 2016
    Messaggi
    9
    Grazie mille per l'aiuto. Ho risolto togliendo l'altezza della lista (ul) e mettendoli lo stesso sfondo che utilizzo per l'intestazione, l'unico problema è che non rimane il bordo del div. Se non assegno l'altezza al div intestazione non compare niente e il contenuto si sfasa.
    Ultima modifica di Nyxal; 07-06-2016 a 08:30

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.