Como dejar imagen fija con transparencia

[servicioswg]

para que entiendan lo que ando buscando vean esta pagina web

http://www.strawpollnow.com/

y noten como la imagen en la parte de abajo (arboles y una casa) no se quita ni se mueve y a su vez posee transparencia, por lo que el contenido del fondo (pagina) se ve perfecto.

si alguien sabe como se hace esto.

gracias

[mrjhon]

buenas a mi modo de ver son imagenes que han creado y las han puesto como bg osea como fondos en tablas.

lo mas importante es saberlas crear pruebacon con algun programa de diseño o retoque.

como corel o el mismo photoshop o algo menos complejo el photofilter.

saludos

[kseso?]

Si te olvidas de ie6 que no entiende de fixed y png con transparencias es fácil:
Esa imagen es un archivo .png con transparencias colocado en #footer con esta declaración en el css:

html > body #footer {/*style.css (línea 398)*/
left:0;
position:fixed;
z-index:11;
}

Y la imagen está contenida:

#footer-content {style.css (línea 405)
display:block;
margin:auto;
position:relative;
text-align:right;
width:665px;
}

y ya, la propia imagen (<img id="foamee"...) tiene estas propiedades:

#footer-content #foamee {/*style.css (línea 412)*/
margin-top:40px;
}

Para ver el código html lo mejor es que lo veas mediante el navegador: "Ver"--> "ver código fuente...)

[masterojitos]

el contenido con scrool lo puedes hacer con div con un alto predeterminado y asi le pones overflow...... y para la parte de abajo.... otro div con position button y left "0px".

suerte.

[kseso?]

Iniciado por mrjhon

buenas a mi modo de ver son imagenes que han creado y las han puesto como bg osea como fondos en tablas.
...

No hay tablas. Está "maquetado" utilizando css.

Iniciado por masterojitos

el contenido con scrool lo puedes hacer con div con un alto predeterminado y asi le pones overflow...... y para la parte de abajo.... otro div con position button y left "0px".

suerte.

No es necesario. Al sobrepasar el contenido del body el alto de la ventana del navegador, aparece la barra de escroll vertical automáticamente, a no ser que indiques lo contrario en el css.

[gamers]

Me parece muy interesante este post.

[servicioswg]

bueno intente lo que me recomendo ( kseso? ) pero aun no logro el objetivo

[kseso?]

Serviciosweb, crea un div, llamado por ejemplo "fijo" con las propiedades que necesites, y en él colocas la imagen o los elementos que quieras mantener siempre en la misma posición:

#fijo {
position: fixed;
bottom:50px/*o los pixeles que necesites separarlo del fondo*/;
right:100px/*o los px que necesites...*/;
z-index: 10000;
width:100px;
height:100px;
background-color: #000;
}

y en el fujo del html lo colocas como hijo directo del body.
Pero el problema de la propiedad fixed es como siempre el mier** de ie6.

Hay otra forma compatible con el mier** de ie6, descrita y publicada por Mikmoro en su página de recursos css Araudi, lo puedes ver aquí.
El código css es el siguiente:

#fijo {
background:#CCFFFF none repeat scroll 0 0;
border:1px solid #000000;
height:200px;
left:50%;
margin-left:-100px;
margin-top:-100px;
position:absolute;
top:50%;

width:200px;
}

Suerte