Ciao a tutti.
Sto provando a fare una pagina html che abbia una immagine come sfondo sempre centrata. Sopra allo sfondo si svilupperanno poi i contenuti del sito.

Quello che scritto fino ad ora è questo:
codice:
<HTML>
<HEAD>
<TITLE>Documento senza titolo</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK href="nuoviStili.css" rel="stylesheet" type="text/css">
<SCRIPT language="JavaScript" type="text/JavaScript">
	document.write('<style>body{background:#000000 url("images/sfondo/sfondo.jpg") no-repeat center;}</style>');
</SCRIPT>
</HEAD>
<BODY>

</BODY>
</HTML>
e fino a qui funziona tutto a meraviglia. Carica l'immagine, la tiene centrata nella finestra e, se percaso rimpicciolisco la finestra più dell'immagine, continua a tenermela centrata rispetto alla finestra cioè ne fa uscire un po' a destra, un po' a sinistra, un po' in alto e un po' in basso (spero di essermi spiegato bene).

A questo punto decido di inserire dei contenuti dentro al body: i contenuti della mia pagina. E scrivo:

codice:
<HTML>
<HEAD>
<TITLE>Documento senza titolo</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK href="nuoviStili.css" rel="stylesheet" type="text/css">
<SCRIPT language="JavaScript" type="text/JavaScript">
	document.write('<style>body{background:#000000 url("images/sfondo/sfondo.jpg") no-repeat center;}</style>');
</SCRIPT>
</HEAD>
<BODY marginheight="0" marginwidth="0">
clicca qui
<DIV style="margin-left:200px;margin-right:43px;">
	<TABLE width="416" height="500" border="0" cellpadding="0" cellspacing="0" >
		<TR>
			<TD height="88"></TD>
		</TR>
		<TR>
			<TD align="left" valign="top"><IFRAME name="contenuti" src="homeIt.htm" scrolling="auto" height="500" width="770" frameborder="0"><FONT color="#FFFFFF">Il Tuo browser Non supporta IFRAME</FONT></IFRAME></TD>
		</TR>
	</TABLE>
</DIV>
</BODY>
</HTML>
A questo codice il browser reagisce male. finchè la finestra è più grande dell'immagine di sfondo tutto quadra, nel senso che la tiene centrata all'interno della finestra. Ma se la finestra è più piccola dell'immagine di sfondo, non la fa più uscire dai margini alto e sinistrodella finestra. PERCHE'???

Ho pravato anche a togliere il tag <DIV>, ma non cambia nulla. Basta mettere del contenuto qualsiasi dentro a <BODY> che lui comincia a non fare più il suo dovere.

Se c'è qualcuno di voi che saprebbe spiegare questo strano fenomeno ad un profano come me, gli ne sarei estremamente grato.

Ciao e grazie a tutti.
G.