Ciao ho seguito il tutorial sul box model per costruire una applicazione asp.
Ora che l' applicazione mi sputa fuori tante righe mi accorgo che il mio div non scrolla..
codice:
Css
/*stili generici, su header e footer*/
div#header{
background-color:#36C;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: normal;
}
h1,h2{
margin: 0;
padding:0
}
h1{
padding-left:0.5em;
font: bold 2.3em/80px arial,serif
}
h2{
color: #999;
font-size: 1.5em
}
div#footer{
text-align:center;
padding: 0.5em;
background-color: #69c;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: bold;
}
div#footer a{
color: #fff;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: normal;
}
/*stili specifici per il layout*/
div#navigation{
background-color:#9cf
}
div#content{
padding: 1em
}
/*stili per la navigazione*/
div#navigation ul{
margin: 0;
padding: 0;
list-style-type: none;
}
div#navigation li{
display: inline;
margin: 0 0 0 1em;
padding: 0
} /*nota display: inline*/
div#navigation a{
color:#369;
font: normal bold 1.2em/2.5em arial,sans-serif;
text-decoration: none
}
div#navigation a:hover{
color: #fff;
text-decoration: underline
}
div#navigation a#activelink{
color: #033;
text-decoration: none
}
codice:
Struttura pagina
<div id="container">
<div id="header"></div>
<div id="navigation"></div>
<div id="content"></div>
<div id="footer"></div>
<-- Contenuto da scrollare -->
</div>
Devo scrollare la parte in grassetto che è all' interno di un legend ...quindi credo dovrei scrollare anche il legend