posicionar div con "absolute" ?

[chefnelone]

Hola a todos

Estoy tratando de ubicar un div con RESPECTO AL DIV QUE LO CONTIENE

CSS:
.badge1{
z-index:99;
position: absolute;
left: 100px;
top:40px;
width:100px;
height: 100px;

}

HTML:
<div class="div_contenedor">
<div class="badge1">ubicar este div a 100px top y 100px left del div_contenedor</div>
</div>

El problema es que lo ubica respecto a los bordes del explorador y no del "div_contenedor"

Alguna idea??

gracias

[JavierB]

Hola chefnelone

¿Has probado poniendo el div interior con position:relative?

Saludos,

[chefnelone]

relative, claro si necesito que sea relativo a algo tenia que ser relativo no?


Un preguanta mas.

Si dentro del div class="badge1" hay texto todo va bien. (O SEA FLOTA SOBRE TODO LO QUE HAY DEBAJO COMO SI NO EXISTIESE)


Pero si coloco una imagen (DESPLAZA EL CONTENIDO QUE ESTA DEBAJO) como si un elemento img no se pudiera colocar dentro de un div con position: relative ???


gracias

[birkin72]

chefnelone yo no entiendo tu pregunta por q no pones el codigo de la imagen esa q dices

[chefnelone]

si hay texto en div ubicado con position:relative y el codigo es:


<p>hola</p>
<div class="div_contenedor">
<div class="badge1">texto</div>
</div>
<p>chau</p>

Entre 'hola" y "chau" no hay espacio(O SEA QUE ESTARIA BIEN):

hola
chau


PERO si hay image en div ubicado con position:relative y el codigo es:


<p>hola</p>
<div class="div_contenedor">
<div class="badge1"><img src="loquesea.jpg /></div>
</div>
<p>chau</p>

Entre 'hola" y "chau" HAY UN SALTO DE LINEA O MARGEN :

hola
//ESTAS 3 LINEAS SON EL ESPACIO EN BLANCO
//ESTAS 3 LINEAS SON EL ESPACIO EN BLANCO
//ESTAS 3 LINEAS SON EL ESPACIO EN BLANCO
chau



De momento lo he solucionado dandole un margin-top negativo pero es una chapuza...