Alguien sabe como hacer esto en css?

[autista]

Tengo un menu lateral izquierdo

en ese menu lateral izquierdo quiero que una imagen tome como posicion la parte de abajo de ese lateral....

y quiero que a medida que la pagina central crece hacia abajo la imagen tambien se baya para abajo...

miren les pongo una captura




en chiquito por las dudas com corresponde segun el hostin de imagenes




Vieron donde puse esta capa como hago? bueno quiero que siempre se posicione al final de ese costado sin importar el tamaño de la pagina. cada ves que se le agrege mas contenido a la pagina y cada ves que se haga mas larga para abajo quiero que se posicione siempre ahi

Alguien sabe como hacer esto

Se puede?

[baccxus]

position: fixed;
bottom: 0px;
left: 0;

El único problema es ie6, no sé si el 7, pero en el 8 funciona

[buzu]

Con el position fixed siempre va a estar visible, si lo único que quieres es que esté siempre hasta abajo usa position: absolute en lugar de position: fixed.

[autista]

Gracas Baccxus y buzu

como bien dice buzu esta siempre visible con fixed

Pero position:absolute no hace lo que quiero tampoco...

position:absolute me acomoda mi capa al final de la ventana del explorador y no de la pagina...

La pagina es larga y no entra en todo el navegador por lo cual hay que usar el scrol...

les pongo una imagen de como me queda con position:absolute





Y les pongo una captura de como quiero yo que quede acomodada la capa.






que me dicen?

El marco azul representa el navegador de internet

lo que deja ver el navegador

Saludos

[buzu]

Mira, si tienes un contenedor al rededor de ese elemento que quieres poner hasta el fondo, y dicho contenedor llega hasta el fondo, pon la posición del contenedor a relative

position: relative;

eso debería resolver el problema. Por otro lado si no existe dicho contenedor, o no llega hasta el fondo, puedes usar javascript para posicionar el elemento siempre hasta el fondo. Seguro que se puede hacer solo con CSS, pero para poder saber con exactitud como se haría es necesario ver el código ya que con las puras imágenes se sabe lo que se quiere lograr, pero no se puede decir con exactitud como lograrlo.

Una cosa, si tu code es kilométrico, lo más seguro es que muchos de nosotros nos de flojera examinarlo... Sorry, como dijo alguien, los programadores somos flojos por naturaleza (perdón por generalizar).

[autista]

Hola de nuevo Buzu

con position: relative; no me funciono...

las div que tengo estan representados en la imagen

tengo un cantendedor

dentro de eso una cabecera un latertal izq y centro. y bueno le quiero agregar esta nueva capa que grafique a continuacion

nadie me sabra decir como se puede hacer?

OJala me puedan ayudar

SAludos

[autista]

Nadie sabe como soluccionar este problema

?

:(

[bkolores]

autista no es complejo...
mira estoy en la siguiente duda...
¿quieres que el div quede SIEMPRE abajo aunque el navegador NO LO VEA quede en una posicion fija ejemplo al lado de footer... de ser asi seria
bottom: 0;
¿quieres que siempre quede en la parte de abajo del navegado y si con el scrollbaja esto baje y parmanesca pegado a la parte de abajo del navegador como lo hace facebook...

mmm deja pensar...

bien esta probado

Código CSS:

div#left {
    float:left;
    width:100px;
    height:100px;
    background-color:#F00;
    position:fixed;
    bottom:0;
    left:0;
}
 
div#uno {
    width:700px;
    height:1200px;
    background-color:#666;
    margin:0 auto;
    float:left;
    margin-left:100px;
}
 

la tecnica esta en position fixed dudas consulte no ma

[autista]

Hola bkolores

Como me has dicho que este css esta probado copie y pegue.

Bien este ejemplo que me has dado hace lo mismo que el de buzu, deja el div#left siempre visible en la parte inferior izquierda del navegador... y claro si bajas el scrol para ver el resto de la pagina el div se queda visible en todo momento.

Como bien dices

esto es lo que quiero

quiero que el div quede SIEMPRE abajo aunque el navegador NO LO VEA

Este es el ejemplo correcto por si no quedo en claro



el marco azul es lo que se veria en el explorador y como ves hay una capa al final de la pagina que dice esta capa como hago? bueno yo queiro que quede exactamente asi

Y que para ver ese bloke tenga que bajar con el scrol.

No quiero que siempre este fija a la vista ( en el inferior izq del navegador ) quiero que se acomode abajo

una aclaracion... no se si tenga que ver sobre el codigo de css
yo en mi div que vendria a ser igual a div#uno tuyo tengo la altura height: como automatico...

Eso afecta en algo tenerlo asi?

Ojala pueda soluccionar este problema

[bkolores]

un segundo voy a probar y te comento

[danneg]

am, yo lo puedo hacer pero es en modo horizontal no vertical, no le e probado

[buzu]

Ya te dije autista que si no pones tu estructura HTMl y tu css es difícil ayudarte. Que tan difícil puede ser copiar y pegar tu HTML y CSS que no lo has hecho aun. Te aseguro que ya hubieras obtenido respuesta. ;)

[alexk]

con absolute te vale... tu problema es de "columnas equilibradas" si eh alcansado a entender
entra aqui y adapta los ejemplos a tus necesidades y luego pregunta
http://www.araudi.net/

PD: envez de tomarte la molesta de ir creando imagenes pongodo tu codigo XHTML/CSS o mejor aun la url del problema.

[autista]

Wau

que de retos...

les juro que no me di cuenta

Llego a casa y pongo el css

Hasta luego