Foros del Web » Creando para Internet » CSS »

Alguien sabe como hacer esto en css?

Estas en el tema de Alguien sabe como hacer esto en css? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/03/2010, 10:41
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 8 años, 6 meses
Puntos: 1
Información Alguien sabe como hacer esto en css?

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?
  #2 (permalink)  
Antiguo 06/03/2010, 13:42
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Respuesta: Alguien sabe como hacer esto en css?

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

El único problema es ie6, no sé si el 7, pero en el 8 funciona
__________________
Al final del día hablar es gratis, codificar no lo es
  #3 (permalink)  
Antiguo 06/03/2010, 14:32
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Alguien sabe como hacer esto en css?

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.
__________________
twitter: @imbuzu
  #4 (permalink)  
Antiguo 06/03/2010, 17:04
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: Alguien sabe como hacer esto en css?

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
  #5 (permalink)  
Antiguo 06/03/2010, 19:46
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Alguien sabe como hacer esto en css?

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).
__________________
twitter: @imbuzu
  #6 (permalink)  
Antiguo 07/03/2010, 01:36
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: Alguien sabe como hacer esto en css?

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
  #7 (permalink)  
Antiguo 07/03/2010, 17:55
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: Alguien sabe como hacer esto en css?

Nadie sabe como soluccionar este problema

?

:(
  #8 (permalink)  
Antiguo 07/03/2010, 21:06
 
Fecha de Ingreso: mayo-2008
Ubicación: Santiago-Chile
Mensajes: 253
Antigüedad: 9 años, 7 meses
Puntos: 1
Respuesta: Alguien sabe como hacer esto en css?

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:
Ver original
  1. div#left {
  2.     float:left;
  3.     width:100px;
  4.     height:100px;
  5.     background-color:#F00;
  6.     position:fixed;
  7.     bottom:0;
  8.     left:0;
  9. }
  10.  
  11. div#uno {
  12.     width:700px;
  13.     height:1200px;
  14.     background-color:#666;
  15.     margin:0 auto;
  16.     float:left;
  17.     margin-left:100px;
  18. }

la tecnica esta en position fixed dudas consulte no ma

Última edición por bkolores; 07/03/2010 a las 21:07 Razón: olvide comentario
  #9 (permalink)  
Antiguo 07/03/2010, 21:50
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: Alguien sabe como hacer esto en css?

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
  #10 (permalink)  
Antiguo 07/03/2010, 23:05
 
Fecha de Ingreso: mayo-2008
Ubicación: Santiago-Chile
Mensajes: 253
Antigüedad: 9 años, 7 meses
Puntos: 1
Respuesta: Alguien sabe como hacer esto en css?

un segundo voy a probar y te comento
  #11 (permalink)  
Antiguo 08/03/2010, 10:07
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Alguien sabe como hacer esto en css?

am, yo lo puedo hacer pero es en modo horizontal no vertical, no le e probado
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #12 (permalink)  
Antiguo 08/03/2010, 21:21
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Alguien sabe como hacer esto en css?

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. ;)
__________________
twitter: @imbuzu
  #13 (permalink)  
Antiguo 08/03/2010, 21:27
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Alguien sabe como hacer esto en css?

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.
  #14 (permalink)  
Antiguo 09/03/2010, 12:34
 
Fecha de Ingreso: junio-2009
Mensajes: 231
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: Alguien sabe como hacer esto en css?

Wau

que de retos...

les juro que no me di cuenta

Llego a casa y pongo el css

Hasta luego

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:57.