sito responsive

02-06-2013, 07.55.28

Salve a tutti.
Vorrei che il mio sito si adattasse alla grandezza della finestra e a tutte le risoluzioni, ma vista la mia poca preparazione non ci riesco, ho scaricato adapt.js, ma non ho capito bene come applicarlo.
Grazie a chi saprà darmi una mano.
Questo il sito: mastriacadam.altervista.org
Il codice index:

Codice HTML:

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<link rel=File-List href="index_file/filelist.xml">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
b\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>

<![endif]-->
<meta name="description" content="Macadam, combat folk calabria">
<meta name="keywords"
content="macadam, calabria, nicola londino, cover band parto delle nuvole pesanti, cover band bandabardò, cover band modena city ramblers, cover band ratti della sabina">
<title>intro</title>
<style>
<!--

 /* Definizioni degli stili */
ol
	{margin-top:0in;
	margin-bottom:0in;
	margin-left:-2197in;}
ul
	{margin-top:0in;
	margin-bottom:0in;
	margin-left:-2197in;}
@page
	{size:8.-2019in 11.2232in;}
-->
</style>
<!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="5122" fill="f" fillcolor="white [7]"
  strokecolor="black [0]">
  <v:fill color="white [7]" color2="white [7]" on="f"/>
  <v:stroke color="black [0]" color2="white [7]">
   <o:left v:ext="view" color="black [0]" color2="white [7]"/>
   <o:top v:ext="view" color="black [0]" color2="white [7]"/>
   <o:right v:ext="view" color="black [0]" color2="white [7]"/>
   <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
   <o:column v:ext="view" color="black [0]" color2="white [7]"/>
  </v:stroke>
  <v:shadow color="#ccc [4]"/>
  <v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
  <o:colormru v:ext="edit" colors="#090,yellow,#c30,white,#930,#c5b79b,#f30,maroon"/>
 </o:shapedefaults><o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
 </o:shapelayout></xml><![endif]-->
</head>

<body link="#0066FF" vlink="#6633CC" bgcolor=white
background="index_file/image293.jpg" style='margin:0'>
<!--[if gte mso 9]><xml>
 <v:background id="_x0000_s3073" o:bwmode="white">
  <v:fill src="index_file/image293.jpg" o:title="sfondo completo" color2="black [0]"
   recolor="t" type="tile"/>
 </v:background></xml><![endif]-->

<div style='position:absolute;width:14.1822in;height:6.-1654in'>
<!--[if gte vml 1]><v:rect id="_x0000_s1331"
 href="index_file/macadamcombatfolk.htm" style='position:absolute;left:402pt;
 top:258pt;width:225pt;height:192pt;z-index:141;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" stroked="f"
 insetpen="t" o:cliptowrap="t">
 <v:stroke>
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_file/image688.gif" o:title="furgone animato"/>
 <v:path o:extrusionok="f"/>
 <o:lock v:ext="edit" aspectratio="t" cropping="t"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:141;
left:536px;top:344px;width:300px;height:256px'><a
href="index_file/macadamcombatfolk.htm"><img border=0 width=300 height=256
src="index_file/image688.gif" v:shapes="_x0000_s1331"></a></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1335" style='position:absolute;left:114pt;top:0;width:795pt;
 height:141pt;z-index:145;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_file/image294.png" o:title="scritta bordo trasp"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:145;
left:152px;top:0px;width:1060px;height:188px'><img width=1060 height=188
src="index_file/image294.png" v:shapes="_x0000_s1335"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1337" style='position:absolute;left:210pt;top:174pt;width:600pt;
 height:15pt;z-index:147;mso-wrap-distance-left:2.88pt;mso-wrap-distance-top:2.88pt;
 mso-wrap-distance-right:2.88pt;mso-wrap-distance-bottom:2.88pt'
 o:preferrelative="t" filled="f" stroked="f" insetpen="t" o:cliptowrap="t">
 <v:stroke>
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_file/image487.gif" o:title="sali a bordo"/>
 <v:path o:extrusionok="f"/>
 <o:lock v:ext="edit" aspectratio="t" cropping="t"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:147;
left:280px;top:232px;width:800px;height:20px'><img width=800 height=20
src="index_file/image487.gif" v:shapes="_x0000_s1337"></span><![endif]><!--[if gte vml 1]><v:rect
 id="_x0000_s1397" style='position:absolute;left:462pt;top:438pt;width:101.25pt;
 height:14.78pt;z-index:207;mso-wrap-distance-left:2.88pt;
 mso-wrap-distance-top:2.88pt;mso-wrap-distance-right:2.88pt;
 mso-wrap-distance-bottom:2.88pt' o:preferrelative="t" filled="f" fillcolor="white [7]"
 stroked="f" strokecolor="black [0]" o:cliptowrap="t">
 <v:fill color2="white [7]"/>
 <v:stroke color2="white [7]">
  <o:left v:ext="view" color="black [0]" color2="white [7]"/>
  <o:top v:ext="view" color="black [0]" color2="white [7]"/>
  <o:right v:ext="view" color="black [0]" color2="white [7]"/>
  <o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
  <o:column v:ext="view" color="black [0]" color2="white [7]"/>
 </v:stroke>
 <v:imagedata src="index_file/image987.png" o:title="powered"/>
 <v:shadow color="#ccc [4]"/>
 <v:path o:extrusionok="f" insetpenok="f"/>
 <o:lock v:ext="edit" aspectratio="t"/>
</v:rect><![endif]--><![if !vml]><span style='position:absolute;z-index:207;
left:616px;top:584px;width:135px;height:20px'><img width=135 height=20
src="index_file/image9871.png" v:shapes="_x0000_s1397"></span><![endif]>
</div>
<bgsound src="index_file/motore.mp3" loop="1" />
<audio src="index_file/motore.wav" autoplay loop>
  Il tuo browser non supporta l'audio gestito con HTML5.
</audio>

</body>

</html>