Posicionar div en la esquina de otro div

[chichote]

Hola amigos.

necesito una manito por aca.

tengo un div que muetra una noticia y necesito poner abajo a la derecha un boton de "leer mas", pero no consigo hacerlos.

intente con bottom:0; float:right, pero no me funciona, solo me lo tira a la derecha pero no lo deja abajo del div.


Alguien tiene alguna idea?

saludos

[masterojitos]

intenta con:
float:right; clear: both;
o
position: absolute; bottom: 0px; right: 0px;

Suerte.

[chichote]

Iniciado por masterojitos

intenta con:
float:right; clear: both;
o
position: absolute; bottom: 0px; right: 0px;

Suerte.

No me funciono .

dejo el codigo para dar mas claridad:

Código HTML:

#last-news	
	{	float:right;}
.caja-peque-nw
	{	width:375px; height:130px; border:#660033 1px solid; float: left; 
                margin-top:5px; margin-left:10px; overflow:hidden; }
.caja-peque-nw img
	{	width:106px; height:78px; float:left; margin:0px 10px 10px 0 }
.caja-peque-nw span
	{	float:right; bottom:50px; }

Código HTML:

<div id="last-news">
        	<div class="caja-peque-nw">
          		<img src="img/ejemplo.jpg" alt="" />
                <h2>Titulo</h2>
                Aca va la noticia en si, esto es un texto de ejemplo. Aca va la noticia en si, esto es un texto de ejemplo. Aca va la noticia en si, esto es un texto de ejemplo. Aca va la noticia en si, esto es un texto de ejemplo.
                
                <span>Read More...</span> </div>
            
                    	
        </div> 

si se dan cuenta, es el span el q quiero poner en la esquina inferior derecha.

saludos

[chichote]

Iniciado por masterojitos

intenta con:
float:right; clear: both;
o
position: absolute; bottom: 0px; right: 0px;

Suerte.

Con la segunda opcion hace algo similar, pero lo posiciona en el contenedor principal de la pagina, y yo quiero q se posicione dentro de la caja llamada caja-peque-nw.


saludos

[arthpix]

Dos cosas te faltan:
1. El padre debe estar posicionado, sea position: absolute; o position:relative;
2. El elemento <span> es de tipo inline, debes usar display: block;

Prueba asi:

Código CSS:

.caja-peque-nw {
width:375px;
height:130px; 
border:#660033 1px solid; float: left; 
margin-top:5px;
margin-left:10px;
overflow:hidden; 
position: relative;
}
.caja-peque-nw span {
display: block;
position: absolute;
width: 50%;
bottom: 0;
right: 0;
}
 

[chichote]

Iniciado por arthpix

Dos cosas te faltan:
1. El padre debe estar posicionado, sea position: absolute; o position:relative;
2. El elemento <span> es de tipo inline, debes usar display: block;

Excelente, gracias, todos los dias se aprende algo nuevo, muchas gracias.

[arthpix]

Mucho gusto en ayudar. Yo solía batallar mucho por ese mismo motivo.

[chichote]

Claro me imagino, al comienzo todos batallamos. hace poco tiempo comence en esto del css y de jquery, y gracias a foros del web y su comunidad he avanzado muy rapido. de verdad se agradece-


saludos

[renteria]

Iniciado por arthpix

Mucho gusto en ayudar. Yo solía batallar mucho por ese mismo motivo.

muchas gracias también te doy, lo he hecho y me ha salido todo ok. Una duda amigo, con esa misma solucion puedo centrar verticalmente una etiqueta dentro de otra verdad?? solamente sería cuestión de modificar el top y bottom en la etiqueta que quiero centrar y ponerlo en funcion de porcentajes o me equivoco??

[arthpix]

Si, es un manera... solamente que no necesitas declarar el top y el bottom, con uno es suficiente.