Foros del Web » Creando para Internet » CSS »

posicionamiento div

Estas en el tema de posicionamiento div en el foro de CSS en Foros del Web. Hola!, ando teniendo un problema muy raro al querer posicionar una imagen en el centro de la pantalla. En primer lugar tengo un fondo al ...
  #1 (permalink)  
Antiguo 30/10/2009, 13:03
 
Fecha de Ingreso: agosto-2009
Mensajes: 12
Antigüedad: 14 años, 7 meses
Puntos: 0
Pregunta posicionamiento div

Hola!, ando teniendo un problema muy raro al querer posicionar una imagen en el centro de la pantalla.

En primer lugar tengo un fondo al cual posicione en el centro. Y arriba de el quiero ubicar otra imagen pero al testearlo en el navegador aparece en otra posición toda corrida.

La estructura de mi pagina es la siguiente:

<body>
<div id="wrap">
<div id="imagen"></div>
</div>
</body>

Y el css:

body {
background-image: url(images/intro/backg2.jpg);
background-repeat: no-repeat;
background-position: center top;
margin: 0 auto;
padding: 0 auto;
}
#wrap {
height: 100px;
width: 450px;
margin-top: 250px;
margin-left: 100px;
}
#imagen{
background-image: url(images/intro/v_html_azul.png);
background-repeat: no-repeat;
height: 93px;
width: 176px;
}




No puedo detectar que estoy haciendo mal, agradecería mucho la ayuda que me puedan dar.
Saludos!!
  #2 (permalink)  
Antiguo 02/11/2009, 08:37
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: posicionamiento div

hola

¿como ubicas a #imagen dentro #wrap?
Además estas posicionando wrap (margin-top: 250px; margin-left: 100px), si sumamos margen + width/2 tenemos que el centro de este div está mas o menos a 325px de la izquierda, y si consideramos un monitor con resolucion 1024x768, es evidente que no queda en el centro, es más creo que ni siquiera con una resolución de 800x600 quedaria centrada.
Prueba usando las propiedades (margin: 0 auto; padding: 0 auto;) también en #imagen, claro que deberás ajustarlo.
Recuerda: margin: (0) (auto) -> (superior - inferior) (izquierda-derecha) , y deberás cambiar el margen superior ya que lo quieres por encima de la imagen de fondo.
Un saludo
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 04/11/2009, 10:54
 
Fecha de Ingreso: agosto-2009
Mensajes: 12
Antigüedad: 14 años, 7 meses
Puntos: 0
Respuesta: posicionamiento div

Hola!, si la solución fue colocar margin 0px auto al #wrap el que contiene todo, y con eso pude ubicar bien el resto de los divs.
Gracias!
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 11:16.