no se como hacerlo. Ayuda please

[n0ck]

Hola gente,

aver tengo bastante experiencia con el código CSS, ya he hecho decenas de proyectos pero la verdad es que nunca utilice cosas como position:aboslute/relative, z-index, ya que nunca los precisé, pero creo que ahora necesito de ellos y despues de leer cosas no entiendo como realizar lo siguiente:

ver imagen explicativa aqui abajo

http://img714.imageshack.us/i/imagebjr.jpg/


la capa blanca es la que quiero que flote encima y la verdad es que utilizando simplemente en ese div un position:absolute lo consigo pero se alinea por defecto a la izquierda-top y yo lo quiero a la derecha-top, me sabriais explicar como conseguirlo? gracias de antemano.

[pitufoweb]

right: 0; top: 0;






Saludos

[n0ck]

Hola pitufoweb,

al hacer eso si se alinea a la derecha pero se alinea arriba del todo de la web, en el header... y no dentro del contenedor que deberia que es el gris de la derecha.

[n0ck]

No se si he acertado pero he añadido postion:relative al contenedor base y ahora si se alinea exactamente donde le digo... esto se hace asi? o ha sido una chapuza casualidad? jeje

[pitufoweb]

Iniciado por n0ck

No se si he acertado pero he añadido postion:relative al contenedor base y ahora si se alinea exactamente donde le digo... esto se hace asi? o ha sido una chapuza casualidad? jeje

Así es. Por defecto se alinea a la ventana del navegador. Para alinearlo a algún otro elemento se le agrega position: relative al elemento que deseas alinearlo.






Saludos

[n0ck]

podrías explicarme que diferencia habría si utilizara z-index? y como deberia utilizarlo para obtener el mismo resultado porfavor? me sería de gran ayuda para entenderlo rapidamente.

gracias