Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/05/2015, 21:52
Avatar de elpapineo
elpapineo
 
Fecha de Ingreso: septiembre-2008
Ubicación: Bolivar
Mensajes: 2
Antigüedad: 15 años, 6 meses
Puntos: 1
Sonrisa Layout con html5 y ccs3

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..