Problema Capa div posicion absoluta

[damian.adriel]

Hola gente.

Espero me puedan ayudar.

El problema es que tengo un <div> sobre una capa, mi codigo css es el siguiente:

Código HTML:

	position:absolute;
	left:220px;
	top:400px;
	width:150px;
	height:37px;
	z-index:1;

Pero cuando la resolucion de pantalla cambia el div se mueve de su posicion debido al left.

Pero lo que necesito es poner esta capa sobre una imagen.

Espero me puedan ayudar.

Gracias de antemano.

Saludos,
Damian

[alexk]

pss se necesita mas codigo.... para darte una respuesta precisa... ya que no se si estara centrado u en otro lugar...
pero bueno... supongamos que el "div relativo" mide 960px ok?... y el "div absoluto" 300px...
si a este "div absoluto" le asignamos un "left:50%;" y le restamos el 50% de su ancho en margin-left, entonces nos quedaria "margin:left:150px;" entonces tu div siempre estara centrado en cuaquier resolucion... de igual manera puedes ir jugando con el "left" en % e ir restando con margin lo relativo al % ok? chao y suerte

[kseso?]

¿Y qué esperabas que ocurriese, Damián?
Es lo que tiene colocar algo de forma "absoluta". Le dices dónde se tiene que poner y él te obedece.

¿Cuál es su contenedor padre? ¿Esa caja está dentro de otra? ¿Cuáles son las propiedades de esa caja?
O es hijo directo de body?

Pero lo que necesito es poner esta capa sobre una imagen

Completa los códigos implicados, html y css, por favor.

Mira a ver si este ejemplo de sirve de guía

Un saludo

[damian.adriel]

Muchas Gracias.

Ya resolvi con sus ayudas.

Saludos,