Aiuto adattamento div

[Nyxal]

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

[Vincent.Zeno]

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

[Nyxal]

Il codice è abbastanza complicato perchè c'è anche il CSS. Qualche idea lo stesso? :S

[Vincent.Zeno]

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

[Nyxal]

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;
}

[Vincent.Zeno]

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

[Nyxal]

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.