Foros del Web » Creando para Internet » CSS »

problema con colocacion de objeto en pagina

Estas en el tema de problema con colocacion de objeto en pagina en el foro de CSS en Foros del Web. Estoy empezando con CSS y xhtml. De momento lo convino entre dreamweaver y a mano. Pero queria consultaros una duda que me ha surgido. La ...
  #1 (permalink)  
Antiguo 11/03/2011, 05:11
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 15 años, 10 meses
Puntos: 5
problema con colocacion de objeto en pagina

Estoy empezando con CSS y xhtml. De momento lo convino entre dreamweaver y a mano. Pero queria consultaros una duda que me ha surgido.

La verdad es que este problema le tendria tambien diseñando con tablas y es muy probable que tampoco supiera muy bien como resolverlo.

Quiero hacer esto con una imagen:


Que la imagen de los libros sobresalga un poco de la caja central donde va ir todo.

La caja central va ir centrada en la ventana del navegador cuando se abra. Por lo que pienso que si hago una caja donde tambien entrara lo que sobresale del libro nunca me va a quedar la caja principal centrada en la ventana del navegador.

como solucionariais esto?
  #2 (permalink)  
Antiguo 11/03/2011, 13:05
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.728
Antigüedad: 6 años, 10 meses
Puntos: 442
Respuesta: problema con colocacion de objeto en pagina

Dentro de tu div centrado...

div#libritos
{position: absolute; top: 400px; right: -60px}


Debería funcionar.
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.
  #3 (permalink)  
Antiguo 11/03/2011, 13:54
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: problema con colocacion de objeto en pagina

Complementando la información proporcionada por Tedel, el div centrado debe tener la propiedad position con un valor diferente a static, por ejemplo position:relative. De no ser así, la posición absoluta hace referencia al borde de la ventana del navegador en lugar de al borde del div centrado.
El valor de top define la distancia al borde superior del div centrado y el right la distancia al borde derecho del mismo. Si usas valores negativos la imagen se sitúa fuera del div centrado aunque en el HTML se encuentre dentro. También podrias probar a dar la posición absoluta directamente en tu imagen.
  #4 (permalink)  
Antiguo 12/03/2011, 13:31
Avatar de 00israel  
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 15 años, 10 meses
Puntos: 5
Respuesta: problema con colocacion de objeto en pagina

mil gracias a los dos.

un saludo.

P.D.: tengo unas cuantas dudas nuevas pero creo que voy a abrir un post nuevo

Etiquetas: colocacion, objeto
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 03:59.