Advertencia: Esta pagina no la veras
bien si no tienes una resolucion de 1024x768
Para cambiarla clica en un lugar vacio del
escritorio y en Propiedades y Configuracion
TOP TOP TOP TOP TOP
TOP TOP TOP TOP TOP
TOP TOP TOP TOP TOP
TOP TOP TOP TOP TOP
AAAAAAAAAAAAA
AAAAAAAAAAAAA
AAAAAAAAAAAAA
AAAAAAAAAAAAA
AAAAAAAAAAAAA
AAAAAAAAAAAAA
AAAAAAAAAAAAA
AAAAAAAAAAAAA
AAAAAAAAAAAAA
AAAAAAAAAAAAA
BBBBBBBBBBBBB
BBBBBBBBBBBBB
BBBBBBBBBBBBB
BBBBBBBBBBBBB
BBBBBBBBBBBBB
BBBBBBBBBBBBB
BBBBBBBBBBBBB
BBBBBBBBBBBBB
BBBBBBBBBBBBB
BBBBBBBBBBBBB
CCCCCCCCCCCCC
CCCCCCCCCCCCC
CCCCCCCCCCCCC
CCCCCCCCCCCCC
CCCCCCCCCCCCC
CCCCCCCCCCCCC
CCCCCCCCCCCCC
CCCCCCCCCCCCC
CCCCCCCCCCCCC
CCCCCCCCCCCCC
INFERIOR INFERIOR INFERIOR INFERIOR
INFERIOR INFERIOR INFERIOR INFERIOR
<div style="border-bottom: /*esta es la barra de arriba*/
border-bottom: ridge 6px aqua;"></div>
Codigo de las cinco cajas de arriba
<html><head><title>Cajas o Marcos</title>
<style>
body {/*valores de los elementos del cuerpo*/
color: #000; /*colores del texto*/
margin: 0px; /*espacio exterior*/
padding: 0px; /*espacio interior*/
line-hight: 22px; /*espacio entre lineas*/
font: bold 12px verdana, arial;/*valores de texto*/
}
#arriba /*caja superior*/
{
width: 400;
height: 20px;
margin: 5px;
margin-left: 6em;
padding: 10px;
border: 1px solid #000;
background-color:#EEEEEE;
}
#izquierda /*caja izquierda*/
{
left: 0px;
width: 100;
padding: 10px;
margin-left: 245px;
position: absolute;
border: 1px solid #000;
background-color: #ccc;
}
#centro /*caja del centro*/
{
width: 100px;
padding: 10px;
border: 1px solid #000;
background-color: #ccc;
}
#derecha /*caja de la derecha*/
{
top: 460px;
width: 100;
padding: 10px;
margin-left: 87px;
position: absolute;
border: 1px solid #000;
background-color: #ccc;
}
#inferior{
top: 10px;
width: 350;
position: fixed;
padding: 10px;
position: relative;
margin-bottom: 15px;
border: 1px solid #000;
background-color: #ccc;
}
</head></style>
<body>
<div id=arriba>
TOP TOP TOP TOP TOP
TOP TOP TOP TOP TOP
TOP TOP TOP TOP TOP
TOP TOP TOP TOP TOP
</div>
<div id=izquierda>
AAAAAAAAAAAAA
AAAAAAAAAAAAA
AAAAAAAAAAAAA
AAAAAAAAAAAAA
AAAAAAAAAAAAA
AAAAAAAAAAAAA
</div>
<div id="centro">
BBBBBBBBBBBBB
BBBBBBBBBBBBB
BBBBBBBBBBBBB
BBBBBBBBBBBBB
BBBBBBBBBBBBB
BBBBBBBBBBBBB
</div>
<div id="derecha">
CCCCCCCCCCCCC
CCCCCCCCCCCCC
CCCCCCCCCCCCC
CCCCCCCCCCCCC
CCCCCCCCCCCCC
CCCCCCCCCCCCC
</div>
<div id="inferior">
Inferior inferior inferior inferior
Inferior inferior inferior inferior
</div>
</body></html>
