Il div che contiene il testo ha 2 stili, uno incluso nel foglio esterno e l'altro in linea.
Quello in linea:
codice:
<DIV style="POSITION: absolute; BOTTOM: 131px"
id=contenuti>lablablablablablablablablablablablablablablablablabla
</DIV>
è in contrasto con quello contenuto nel foglio di stile:
codice:
#contenuti {
TEXT-ALIGN: justify; MARGIN-LEFT: 252px; OVERFLOW: auto; MARGIN-RIGHT: 236px
Una posizione assoluta dichiarata a metà, ma se fosse dichiarata correttamente, dei commenti condizionali non te ne fai un tubo.
Togli lo stile in linea e completa il tuo stile nel css esterno
codice:
<DIV id="contenuti">lablablablablablablablablablablablablablablablablabla
</DIV>
codice:
BODY{
margin-top:0px;
margin-bottom:10px;
TEXT-ALIGN: center;
BACKGROUND-COLOR: #dae2ef;
FONT-FAMILY: Arial, Helvetica, sans-serif;
COLOR: #c9e1bd;
FONT-SIZE: 11px;
}
A:link {
COLOR: #d2dce6; FONT-SIZE: 11px; CURSOR: se-resize; TEXT-DECORATION: none;
}
A:active {
COLOR: #d2dce6; FONT-SIZE: 11px; CURSOR: se-resize; TEXT-DECORATION: none;
}
A:visited {
COLOR: #d2dce6; FONT-SIZE: 11px; CURSOR: se-resize; TEXT-DECORATION: none;
}
A:hover {
COLOR: #cadbd3; FONT-SIZE: 11px; CURSOR: se-resize; TEXT-DECORATION: none;
}
#sfondo {
margin-left: auto;
margin-right: auto;
TEXT-ALIGN: center;
position:relative;
BACKGROUND-IMAGE: url(body.png);
WIDTH: 675px;
HEIGHT: 600px;
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: center center;
}
#contenuti {
POSITION:ABSOLUTE;
TOP:302px;
LEFT: 237px;
OVERFLOW: auto;
width: 344px;
height: 276px;
text-align:justify;
}
adattalo alle tue esigenze