Hola Foreros.
tengo un web con páginas html, quiero ver dos páginas en una mediante capas, las páginas están en distinto documento que las capas.
Una se llama lateral.html y la otra contenido.html
el código de la pagina capas es.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Capas</title>
<style type="text/css">
body {font-family:"Lucida Sans", Tahoma, Verdana, Arial, sans-serif;text-align:center;margin:0px;font-size:.8em;background:url('img/fondo2.gif');}
#pagina{width:780px;text-align:left;margin:auto;margin-top:0px;background:#000;border:1px solid #fff;border-width:0px 1px 0px 1px;}
#cabecera {width:780px;height:200px;background:url('img/cabecera.jpg');}
#lateral{width:130px;padding:10px;background:#000; float:left;}
#contenido{width:610px;padding:10px;background:#9E 4299;float:left;}
#pie{width:760px;clear:left;padding:10px;backgroun d:#9999FF;color:#fff;}
#lateral a {color:#fff;text-decoration:none;}
#lateral li a {color:#fff;text-decoration:none;font-size:1.2em;text-align:center;}
#lateral a:hover {color:#9966FF;}
#lateral ul {list-style-type:none;margin:0px;padding:0px;}
#lateral dl {color:#9966FF;}
#lateral dd{margin:0px;margin-top:5px;border-bottom:1px solid #9E4299;}
#lateral dt {font-weight:bold;font-size:1.2em;}
</style>
</head>
<body>
<div id="pagina">
<div id="cabecera" style="width: 1149; height: 104"><b>
<font color="#FFFFFF" size="4"></font></b>
<p><font size="4" color="#FFFFFF"><b>
</b></font><b><font color="#FFFFFF" size="4">Capa superior</font></b>
</div>
<div id="lateral" style="width: 130; height: 652"><font color="#FFFFFF">Capa izquierda</font>
</div>
<div id="contenido" style="width: 1018; height: 666"><h2>capa central</h2>
<p> </p>
</div>
<div id="pie" style="width: 1149; height: 36"><div style="float:right;"> </div>
capa inferior</div>
</div>
</body>
</html>
qué tengo que poner para que se muestre en la capa lateral la página lateral.html y en la capa contenido la página contenido.html
Gracias de antemano