Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/06/2013, 16:44
Macro32
 
Fecha de Ingreso: noviembre-2002
Ubicación: LIMA
Mensajes: 652
Antigüedad: 22 años, 1 mes
Puntos: 1
tabla al 100% de la pantalla

Hola, estoy aprendiendo a maquetar mediante html5 div+css.

Les doy el ejemplo :

http://www.cosespi.com/tabla.html

Es una tabla con una sola fila. Lo que deseo es que el alto de dicha tabla ocupe el 100% de la pantalla.

Solo deseo usar divs y css. Espero que alguien puede darme una mano.GRacias!!

Codigo HTML

<!doctype html>

<html>

<head>

<meta charset="utf-8">
<title> Starbuzz: El mejor Cafe!</title>
<link type="text/css" rel="stylesheet" href="style2.css">

</head>
<body>

<div class="mitabla">

<div class="mifila">
<div class="izquierda">izquierda</div>

<div class="derecha">derecha</div>
</div>

</div>

</body>

</html>


CSS

body{

margin:0px;

}


.mitabla{

display:table;

width:100%;

height:100%;

}

.mifila{

display:table-row;

}

.izquierda{

display:table-cell;
width:25%;
background-color:red;

}

.derecha{
display:table-cell;

background-color:blue;

}