Foros del Web » Creando para Internet » CSS »

Alinear capas abajo

Estas en el tema de Alinear capas abajo en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/08/2009, 05:14
 
Fecha de Ingreso: septiembre-2007
Mensajes: 59
Antigüedad: 10 años, 2 meses
Puntos: 0
Alinear capas abajo

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
  #2 (permalink)  
Antiguo 03/08/2009, 07:07
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Alinear capas abajo

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>
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 03/08/2009, 07:23
 
Fecha de Ingreso: septiembre-2007
Mensajes: 59
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Alinear capas abajo

Muchisimas gracias. Es perfecto!
  #4 (permalink)  
Antiguo 03/08/2009, 08:12
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Alinear capas abajo

De nada, es un placer.

Saludos.
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:43.