Ciao a tutti, sono nuovo e spero di avere postano nella sezion giusta ... Di HTML conosco giusto i concetti di base e di CSS giusto un infarinatura... Sto iniziando a progettare una pagina "modello" che si adatti a tutte le risoluzioni possibili. Ho strutturato nel seguente modo la pagina:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>xx title edited by webdemo xx</title>
<link rel="stylesheet" href="stile.css" />
<style type="text/css">

body{
	
	background-image: url(pattern.png); 
	margin: 0;
	padding: 0px;
	
}

</style>
</head>

<div align="center">[img]background.png[/img]</div>

<body>
</body>
</html>
In sostanza ho creato via CSS una pattern che facesse da sfondo ripetendosi all'infinito e avrei voluto integrare un'immagine di sfondo per la pagina in se, non so se si capisce, dove situerò il contenuto della pagina. Questa seconda immagine di sfondo dovrà essere centrata e soprattutto dovrà adattarsi con la risoluzione della pagina... Lasciate stare i parametri H e W che ho settato per testare il tutto, come potrei farlo?

Grazie a tutti!