<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
body, html
{text-align: center;
font-family: Arial;
font-size: 12px;
}
#centrador
{ margin: 40px auto;
width: 665px;
height: 450px;
text-align: center;
font-size: 10px;
border: none;
}
#principal
{ float: left;
width: 700px;
height: auto;
border: 1px solid #FE070E;
}
.cabecera
{float: left;
width: 700px;
height: auto;
border: 1px solid #000000;
background: #E2F4FC;
}
.menuhorizontal
{float: left;
width: 700px;
height: auto;
border: 1px solid #000000;
background: #FFC000;
}
.menuvertical
{ width: 150px;
height: auto;
border: 1px solid #000000;
float: left;
background-color: #FF9595;
}
.precargas
{float: left;
width: 546px;
height: auto;
border: 1px solid #000000;
background-color: #3CB371;
}
.contenidos
{float: left;
width: 546px;
height: auto;
border: 1px solid #000000;
color: #400040;
background-color: #FFFBEC;
}
.pie
{
width: 700px;
float: left;
height: auto;
border: 1px solid #000000;
background-color: #80FFFF;
}
y del html es este:
</style>
</HEAD>
<body>
<div id="centrador">
<br>
<div id="principal">
<div class="cabecera">
<p>AQUI EL CONTENIDO DE LA CABECERA<br>aqui estara alguna imagen</p>
</div>
<div class="menuhorizontal">
<p>AQUI EL MENU HORIZONTAL<br>aqui los enlaces mas importantes y comunes</p>
</div>
<div class="menuvertical">
AQUI EL MENU VERTICAL
<ul>
<li>Opciones</li>
<li>Opciones</li>
<li>Opciones</li>
<li>Opciones</li>
<li>Opciones</li>
<li>Opciones</li>
<li>Opciones</li>
<li>Opciones</li>
</ul>
</div>
<div class="precargas">
<p>Aqui la precarga para las paginas</p>
</div>
<div class="contenidos">
<p>
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
Aqui los contenidos todo el texto e imagenes etc.. Aqui los contenidos todo el texto e imagenes etc..
</p>
</div>
<div class="pie">
<p>Aqui los datos del pie de pagina</p>
</div>
</div>
</div>
</body>
</html>