Salve a tutti,
ho implementato un semplice layout a 2 colonne ma ho un problema. Nel mio layout ho impostato l'altezza del body e del container con min-eight:100 %...fin qui tutto bene. Quando scrivo nel div contenuti(che si trova all'interno del container)immetto parecchio testo, e tale div diventa troppo lungo ed esce dal container. Come posso far in modo che anche il container si allunga insieme al div contenutiù? Come browser uso opera.
Codice:
html, body {
margin: 0;
padding: 0;
text-align:center;
min-height: 100%;
background-color:#9999ff;
}
#container{
position:relative;
width: 700px;
margin:auto;
border-left: 1px solid black;
border-right: 1px solid black;
text-align: left;
min-height: 100%;
padding: 20px 20px 20px 20px;
background-color:white;
}
#header{
position: absolute;
height: 200px;
width:700px;
text-align:center;
}
#contenuti{
position:absolute;
width:500px;
top:250px;
right:20px;
padding-left: 20px;
background-color:white;
text-align:center;
height:auto;
background-color:fuchsia;
}
#menuSinistra{
position: absolute;
top: 250px;
width: 150px;
left:20px;
}
Rispondi quotando
non mi appare un rettangolo ma semplicemente una striscia nera in alto. Come mai? Dovrei per lo meno fare in modo che il container si allunghi in automatico per contenere tutti gli altri div, ossia tutta la pagina html.