Efecto Imagenes que se salen de los bordes?

[JAMER]

Bueno tengo una duda estoy haciendo mi web, y un efecto que me gusta mucho y e visto en varias paginas es cuando una imagen/logo o algo que esta en la cabecera una parte de la imagen se sale de esta.

Pongo unas webs de ejemplo para que vean lo que les digo

http://www.iconbuffet.com/ (Ver la Cabecera el cuadro naranja del logo iconbufet)

http://www.kretivia.com/
(En esta hay muchas partes de la pagina donde hay imagenes que se salen).

Como se le llama a ese efecto (si es que tiene un nombre), se hace con photoshop y sectores?? se puede insertar la imagen en un div de css???

[MoebiusDigital]

Qué tal, Jamer.

Si bien es posible trabajar con márgenes negativos dentro de DIVs para que el contenido "se salga" de los límites de su caja, podés resolver esto de manera mucho más simple: la imagen de la cabecera hacela más ancha que el resto. Colocá allí el logo y vas a lograr ese mismo efecto.

Ejemplo: contenedor de 800px, dentro del cual se ubicará: div cabecera de 800px de ancho con el logo insertado; div contenido de 780px alineado a derecha debajo del div cabecera.

Cualquier duda, chifle nomás.
Saludos!

[JAMER]

Hola MoebiusDigital, e intentado lo que dices pero aun no me sale, pues si pongo una imagen en el div cabecera como imagebackground o como imagen insertada y luego cuando pongo el div de 780 pix este se pone encima y no la deja ver, no entendi muy bien lo de "ponerlo alineado a la derecha debajo de la cabecera" no se si te referias a poner ese div como float right???? (asi lo hice y no me va)

Alguna otra forma o lo estoy haciendo mal yo??

[MoebiusDigital]

Me refiero a esto:



El div de arriba (llamémoslo "cabecera") es más ancho que el div de abajo (llamémoslo "cuerpo").
Ubicás el logo en la cabecera, y te quedará "por fuera" del margen izquierdao del cuerpo.

Como verás es sencillo, y el efecto se logra muy bien.

Si seguís con dudas, tratá de precisarlas lo más posible y con gusto la seguimos.

Un saludo,
Pablo