Foros del Web » Creando para Internet » CSS »

¿Cómo posicionar a un div en la parte inferior del div q lo contiene?

Estas en el tema de ¿Cómo posicionar a un div en la parte inferior del div q lo contiene? en el foro de CSS en Foros del Web. me han mandado hacer un diseño creo se solucionario si pudiera decir a un div que esta dentro de otro div que se coloque el ...
  #1 (permalink)  
Antiguo 18/12/2009, 11:15
Avatar de salvador86  
Fecha de Ingreso: enero-2008
Ubicación: Guadalajara- Mexico
Mensajes: 467
Antigüedad: 9 años, 11 meses
Puntos: 2
¿Cómo posicionar a un div en la parte inferior del div q lo contiene?

me han mandado hacer un diseño creo se solucionario si pudiera decir a un div que esta dentro de otro div que se coloque el ras de la parte de abajo del div padre, pero no lo he logrado.

Con el siguiente ejemplo espero me deje entender como lo he planeado:

Digamos que tengo dos div de ancho 100 y 200 respectivamente, y en ellos se coloca elemente imagenes, texto, etc de tal manera que el tamaño de alto del primer div es mañor que del segundo (digamos que segun los elemento contenidos el div 1 alcanzo 450px de alto y el segundo 230px y no se premite colocar mas elementos), así que para que se vea el mismo alto yo decido crear un tercer div que ira debajo del segundo div que contendra unos elementos que haran que tengan de alto100px pero deseo que se pocisione en bottom cero es decir bien abajo para que visualmente paresca que el segundo y tercer div solo son uno y que tienen la misma altura del primero.

¿Como lo hago?

Gracias de antemano por su ayuda.
  #2 (permalink)  
Antiguo 18/12/2009, 11:45
 
Fecha de Ingreso: junio-2008
Mensajes: 24
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: ¿Cómo posicionar a un div en la parte inferior del div q lo contiene?

Hola Salvador, prueba con esto si es que te sirve:

<div id="izquierda" style="position:relative;width:100px; border:2px solid #000000">
texto<br>
texto<br>
texto<br>
texto<br>
texto<br>
texto<br>
texto<br>
<div id="derecha" style="position:absolute;top:0px;left:104px;width: 200px; height:100%;border:2px solid #000000;">
texto<br>
</div>
</div>
  #3 (permalink)  
Antiguo 18/12/2009, 12:05
Avatar de salvador86  
Fecha de Ingreso: enero-2008
Ubicación: Guadalajara- Mexico
Mensajes: 467
Antigüedad: 9 años, 11 meses
Puntos: 2
Respuesta: ¿Cómo posicionar a un div en la parte inferior del div q lo contiene?

Hola gracias por contestar mi intencion segun tu ejemplo es el siguiente digamos si tendria en la segunda columna "derecha" otra linea que diga texto esasegunda se vea en la parte final es decir al borde de la capa independientemente del tamaño de la primera columna
  #4 (permalink)  
Antiguo 18/12/2009, 12:42
 
Fecha de Ingreso: junio-2008
Mensajes: 24
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: ¿Cómo posicionar a un div en la parte inferior del div q lo contiene?

mmmmmm

entonces sería algo asi

<div id="izquierda" style="position:relative;width:100px; border:2px solid #000000">
texto<br>
texto<br>
texto<br>
texto<br>
texto<br>
texto<br>
texto<br>
<div id="derecha" style="position:absolute;top:0px;left:104px;width: 200px; height:100%;border:2px solid #000000;">

<p style="position:absolute;bottom: 0px; ">sssss</p>
</div>
</div>
  #5 (permalink)  
Antiguo 18/12/2009, 12:52
 
Fecha de Ingreso: junio-2008
Mensajes: 24
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: ¿Cómo posicionar a un div en la parte inferior del div q lo contiene?

jajja.... para ser mas claro.

al div contenedor le pones position relative.
al div hijo le pones position absolute y bottom 0px


eso es?¿?¿?¿?¿?
  #6 (permalink)  
Antiguo 18/12/2009, 15:12
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: ¿Cómo posicionar a un div en la parte inferior del div q lo contiene?

Hola:

¡Que forma de complicaros la vida! Daros una vuelta por este ejemplo y estudiaros el código.

Saludos.

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 12:13.