Si te entendido bien, al decir marcos quieres decir capas o divisores. Si estoy en lo cierto el siguiente código permite una cabecera y un sidebar (derecho) fijos y siempre visibles, y un cuerpo central (a la izquierda del sidebar) para el contenido principal de la página:
- cabecera: fija y siempre visible (sin scrollbar)
- sidebar (lado derecho): fijo y siempre visible (sin scrollbar)
- cuerpo de contenidos: con su propio scrollbar
Funciona correctamente en ie6, ie7, firefox, opera... y no le afecta la resolución de pantalla
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Cabecera y derecha fijos</title>
<style type="text/css">
html body {
margin: 0;
padding: 0;
overflow: hidden;
}
#contenedor {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
#cabecera {
width: 100%;
height: 10%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
background-color:#CCCCCC;
margin: 0px;
text-align: center;
overflow: hidden;
}
#cuerpo {
width: 82%;
height: 90%;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#ffffff;
padding: 0px;
text-align: center;
overflow: auto;
}
#sidebar {
float: right;
right: 0px;
bottom: 0px;
width: 18%;
height: 90%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#CC0000;
color:#FFFFFF;
padding: 0px;
text-align: center;
overflow: hidden;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera">La cabecera se mantiene siempre visible</div>
<div id="cuerpo">
<div style="height: 1000px;">Esta composición funciona en cualquier resolución y esta capa tiene su propio
scroll por si el contenido es mayor que la pantalla,<br /> y nunca empuja al sidebar a salirse de la pantalla.<br /><br />
Este conjunto funciona en ie6, ie7, firefox, opera...
</div>
</div>
<div id="sidebar">El sidebar se mantiene siempre visible y fijo</div>
</div>
</body>
</html> Si necesitas meter iframe en la capa 'cuerpo' lo puedes hacer porque el doctype lo permite.
El iframe te permitirá cargar otras páginas en la capa 'cuerpo', lanzándolas desde enlaces que tengas en el 'sidebar' o en la 'cabecera'.
Saludos