problema con colocacion de objeto en pagina

[00israel]

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?

[Tedel]

Dentro de tu div centrado...

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

Debería funcionar.

[sanxuan]

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.

[00israel]

mil gracias a los dos.

un saludo.

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