Saludos, hoy estaba tratando de crear un layout en HTML y CCS3 ya que tenia varios años alejado de la programación web (casi 4 años) y por fin lo logre a mi manera (no lo vi en ningún sitio web de tanto que busque) y quería compartirlo con ustedes para que me den su opinión al respecto y saber si esta bien hecho o si esta mal hecho, que le quitarían o que le cambiarían? el layout es parecido al de mail.live.com (hotmail) la dificultad que tenia era que las columnas de la izquiera y derecha tomaran la misma altura de la ventana del navergador es decir, que NO tuvieran una altura fija y que al redimencionar la ventana del navegador este layout se adaptara solo usando CSS3 (sin ayuda de javascript o jquery).
Codigo:
Código:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Layout</title>
<style>
html, body, header, nav, ul, li, aside, section, footer {
margin: 0;
padding: 0;
}
header {
background-color: #FF8C00;
width: 100%;
height: 50px;
}
aside {
float: left;
width: 200px;
height: calc(100vh - 70px);
background-color: #FFD9CA;
}
section {
float: left;
width: calc(100% - 200px);
height: calc(100vh - 70px);
background-color: #3399FF;
}
footer {
clear: both;
width: 100%;
height: 20px;
background-color: #FF8C00;
}
</style>
</head>
<body>
<header></header>
<aside></aside>
<section></section>
<footer></footer>
</body>
</html>
Si tienen una mejor forma de hacerlo por favor compartirla, saludos..