Alinear capas abajo

Supay · #1 (**permalink**) 03/08/2009, 04:14

Hola, tengo una duda que no consigo realizar.

Tengo una capa, y dos capas dentro de ella. Lo que quiero es alinear esas dos capas debajo.

Código HTML:

<div style="height:200px; width:300px; background:#999999;">
<div style="float:left; background:#00CC00; width:30px; height:50px;"></div>
<div style="float:left; background:#FF0000; width:80px; height:150px;"></div>
</div>

Este es el codigo base, alguien podria decirme como alinearlas abajo en lugar de arriba (por defecto) ???

Gracias

Mikmoro · #2 (**permalink**) 03/08/2009, 06:07

Por ejemplo así:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#madre {position: relative;height:200px; width:300px; background:#999999;}
#hijo1, #hijo2 {position: absolute; bottom: 0;}
#hijo1 {background:#00CC00; width:30px; height:50px;}
#hijo2 {background:#FF0000; width:80px; height:150px;margin-left: 30px;}
</style>
</head>
<body>
<div id="madre">
<div id="hijo1"></div>
<div id="hijo2"></div>
</div>
</body>
</html>

Supay · #3 (**permalink**) 03/08/2009, 06:23

Muchisimas gracias. Es perfecto!

Mikmoro · #4 (**permalink**) 03/08/2009, 07:12

De nada, es un placer.

Saludos.