Con overflow:auto funziona.
Volevo solo chiedere una cosa. Ho letto che auto inserisce una scrollbar se il contenuto supera le dimensioni. Ho fatto vari test ma ciò non accade mai. Posso essere sicuro di ciò?
Ecco il codice:
codice HTML:
<div id='bodyNews'>
<div id='bodyNewsTitle'>Notizie</div>
<div>
<img src='<?=SITE_URL.IMAGE_DIR?>news_a.png' />
<div>Titolo 1</div>
Praesent vel augue tristique, gravida ligula sed, porttitor lorem. Nulla sollicitudin sollicitudin mattis. Mauris commodo pulvinar augue, sit amet faucibus risus sodales et. Praesent nec tellus justo.
</div>
<div>
<img src='<?=SITE_URL.IMAGE_DIR?>news_b.png' />
<div>Titolo 2</div>
Praesent vel augue tristique, gravida ligula sed, porttitor lorem. Nulla sollicitudin sollicitudin mattis. Mauris commodo pulvinar augue, sit amet faucibus risus sodales et. Praesent nec tellus justo.
</div>
<div>
<img src='<?=SITE_URL.IMAGE_DIR?>news_c.png' />
<div>Titolo 3</div>
Praesent vel augue tristique, gravida ligula sed, porttitor lorem. Nulla sollicitudin sollicitudin mattis. Mauris commodo pulvinar augue, sit amet faucibus risus sodales et. Praesent nec tellus justo.
</div>
<div>
<img src='<?=SITE_URL.IMAGE_DIR?>news_d.png' />
<div>Titolo 4</div>
Praesent vel augue tristique, gravida ligula sed, porttitor lorem. Nulla sollicitudin sollicitudin mattis. Mauris commodo pulvinar augue, sit amet faucibus risus sodales et. Praesent nec tellus justo.
</div>
</div>
codice:
#bodyNews div{
margin-bottom:10px;
text-align:justify;
padding:10px;
overflow:auto;
}
#bodyNews div div{
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}
#bodyNewsTitle{
background-color:transparent;
font-family:"French Script MT", cursive;
font-size:40px;
text-align:center;
margin:10px auto;
}
#bodyNews #bodyNewsTitle{
text-align:center;
}
#bodyNews img{
float:left;
margin:5px;
}