¿Cómo hacer para que una pagina web hecha con tablas se adapte a los diferentes tamaños de monitor?
He diseñado la pagina a partir de photoshop y terminando con dreamweaver, la pagina funciona bien y ésta centrada pero no soy capaz de conseguir,que se adapte al tamaño del monitor, os adjunto el código, por si podéis echarme una mano. Muchas gracias de antemano por vuestro tiempo.<html> <head> <title>Muebles de Oficina Talego</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #FFFFFF;<table width="100%" height="100%" border="3" cellpadding="0" cellspacing="0"> } #Layer1 { position:absolute; width:100%; height:115px; z-index:1; visibility: hidden; left: -118px; top: -36px; } --> </style> <script type="text/JavaScript"><img style="cursor: pointer" src="imagen.jpg"> <!--
function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}} } //--> </script> <meta name="keywords" content="muebles, muebles de oficina, sillería, sillones, didáctico, hostelería, estanterías, ocasión, segunda mano, mesas, sillas, accesorios, archivos, armarios, cajoneras, istalaciones, equipamiento, percheros, papeleras, despachos, oficinas, sillas plegables, sillas de madera, mobilario escolar, mesas de ordenador, taquillas, roperos, metálico, mostradores, taburetes, bancadas, salas de espera, vitrinas, ceniceros, pizarras, madera, hormigoneras, muebles de hostelería, muebles didáctico, maquinaria, biombos, mesas reunion, mesas de juntas, muebles metalicos, armarios de television, armarios de seguridad, , mobiliario de informatica, sillas de plastico, sillas de resina, mesas plegables, talego, muebles Talego, Torrijos, Toledo, Castilla la Mancha"> <meta name="description" content="Venta de Muebles de Oficina y Todo tipo de Estanterias metalicas nuevo y segunda mano "><script type="text/javascript"> <!-- var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28974539-1']); _gaq.push(['_trackPageview']);
(function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl/' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();
function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc; }
function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); if(!x && d.getElementById) x=d.getElementById(n); return x; }
function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} }
function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args+".location='"+args[i+1]+"'"); } //--> </script> </head>
<div id="Layer1">muebles, muebles de oficina, sillería, sillones, didáctico, hostelería, estanterías, ocasión, segunda mano, mesas, sillas, accesorios, archivos, armarios, cajoneras, istalaciones, equipamiento, percheros, papeleras, despachos, oficinas, sillas plegables, sillas de madera, mobilario escolar, carretillas elevadoras, toros, casetas, dumpes, mesas de ordenador, taquillas, roperos, metálico, mostradores, taburetes, bancadas, salas de espera, transpalet, compresores, chapa de tejado, andamios, puntales, tablones metalicos, motores, vallas de obra, colchones, somoeres, almohadas, base tapizada, cerramientos, canapes, vitrinas, cubiertas, ceniceros, pizarras, madera, depositos, hormigoneras, muebles de hostelería, muebles didáctico, maquinaria, biombos, mesas reunion, mesas de juntas, muebles metalicos, armarios de television, armarios de seguridad, cañones de calor, mobiliario de informatica, sillas de plastico, sillas de resina, mesas plegables, apiladores, talego, muebles Talego, Torrijos, Toledo, Castilla la Manch</div>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('imagenes/07.jpg','imagenes/12.jpg','imagenes/17.jpg','imagenes/01.jpg')"> <!-- ImageReady Slices (WEB simplificada.psd - Slices: 18) --> <table width="1100" border="0" align="center" cellpadding="0" cellspacing="0" id="table" text-align:"center"; > <tr> <td width="100" height="101"><a href="https://www.facebook.com/MueblesTalego" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31','','imagenes/01.jpg',1)"><img src="imagenes/01a.jpg" alt="Enlace a Facebook Muebles Talego" name="Image31" width="100" height="101" border="0"></a></td> <td width="453" height="101"> <img src="imagenes/02.jpg" width="453" height="101" alt=""></td> <td width="232" height="316" rowspan="3"> <img src="imagenes/03.jpg" width="232" height="316" alt=""></td> <td width="196" height="101"> <img src="imagenes/04.jpg" width="196" height="101" alt=""></td> <td width="119" height="316" rowspan="3"> <img src="imagenes/05.jpg" width="119" height="316" alt=""></td> <td> <img src="im%e1genes/espacio.gif" width="1" height="101" alt=""></td> </tr> <tr> <td width="553" height="215" colspan="2" rowspan="2"> <img src="imagenes/06.jpg" width="553" height="215" alt=""></td> <td width="196" height="195"><a href="http://www.mueblestalego.com/MueblesdeOficinaCatalogo.htm" onMouseOut="MM_swapImgRestore()"...
