Foros del Web » Creando para Internet » CSS »

duda con div css

Estas en el tema de duda con div css en el foro de CSS en Foros del Web. Hola a todosss!!!, epsero que anden muy bien, tengo una duda, lo que quiero hacer es ubicar un div pero que este abajo de la ...
  #1 (permalink)  
Antiguo 30/06/2011, 18:48
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 13 años, 11 meses
Puntos: 6
duda con div css

Hola a todosss!!!, epsero que anden muy bien, tengo una duda, lo que quiero hacer es ubicar un div pero que este abajo de la pantalla siempre.. osea supongamos que tengo una pagina laaaaarguisima (height) y al hacer click en un enlace, aparezca el div en la parte inferior del monitor (pero no al final de la pagina web)
se entiende lo que quiero hacer¿?..

Saludos...
  #2 (permalink)  
Antiguo 30/06/2011, 18:57
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: duda con div css

hola juan, te presento dos ejemplos, acomodalos según tu necesidad:

Una sola caja al 100%
Código CSS:
Ver original
  1. #inferior
  2. {
  3. width:100%;
  4. height: ...px;
  5. position:fixed;
  6. bottom:0; left:0;
  7. }
Código HTML:
Ver original
  1. <div id="inferior">... contenido...</div>

Una caja al 100% con un hijo centrado:
Código CSS:
Ver original
  1. #liquid
  2. {
  3. width:100%;
  4. height: ...px;
  5. position:fixed;
  6. bottom:0; left:0;
  7. }
  8. #inferior
  9. {
  10. width:960px;
  11. height: ...px;
  12. margin:0 auto;
  13. }
Código HTML:
Ver original
  1. <div id="liquid"><div id="inferior">... contenido...</div></div>

Notarás que la clave está en usar position:fixed;
también lo puedes hacer con position:absolute; da igual.

Saludos.

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 09:49.