Pagina de Marcos (frames) con CSS

por Admin — Última modificación 05/10/2008 23:55

— archivado en: Apuntes, Ejemplo

Describe como se puede hacer una página de marcos, (frames) tan usadas en el pasado; pero sin frames y con CSS.

02_Marcos-con-CSS.html — HTML, 0Kb

Contenido del Archivo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Un documento con marcos con CSS2.1</TITLE>
<STYLE type="text/css">
BODY { height: 8.5in } /* Requerido para los porcentajes de alturas
utilizados abajo */
#cabecera {
position: fixed;
width: 100%;
height: 15%;
top: 0;
right: 0;
bottom: auto;
left: 0;
background-color: green;
}
#lateral {
position: fixed;
width: 10em;
height: auto;
top: 15%;
right: auto;
bottom: 100px;
left: 0;
background-color: blue;
}
#principal {
position: fixed;
width: auto;
height: auto;
top: 15%;
right: 0;
bottom: 100px;
left: 10em;
background-color: silver;
}
#pie {
position: fixed;
width: 100%;
height: 100px;
top: auto;
right: 0;
bottom: 0;
left: 0;
background-color: red;
}
</STYLE>
</HEAD>
<BODY>
<DIV id="cabecera"> ... </DIV>
<DIV id="lateral"> ... </DIV>
<DIV id="principal"> ... </DIV>
<DIV id="pie"> ... </DIV>
</BODY>
</HTML>