Ver Mensaje Individual
  #9 (permalink)  
Antiguo 23/03/2012, 10:50
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: Ubicar un texto siempre al final de la pagina (no flotante)

Cita:
Iniciado por freesoftwarrior Ver Mensaje
Al poner position:absolute lo único que logro es que se muestre siempre al final de la ventana PERO no de la página.
Te va a servir estudiar este capítulo: http://www.librosweb.es/css/capitulo..._absoluto.html

las cotas o distancias (top/right/bottom/left) de las cajas absolutas dependen de su ancestro relativo inmediato. En caso de no encontrarse ninguno la caja absoluta y sus cotas pasan a depender de body.

Las cajas fijas (position:fixed), en cambio, no dependen de su padre relativo. Sino que toman el origen de sus cotas respecto de la ventana del navegador.
(tal vez necesites usar este tipo de posicionamiento)

Un ejemplo:
http://jsfiddle.net/cristian_cena/X2XhB/

pd: seguís colocándo como atributos (bottom=1px;' align='right' ) lo que debes pasar como propiedades dentro del atributo style:
<div style="position:absolute; width:100%; bottom: 1px; text-align: right;" class='tiempoCarga'>
Esto es poco profesional y poco práctico, mas bien aprovecha la clase (o incluí una id) para separar el contenido de los estilos.

Última edición por cristian_cena; 23/03/2012 a las 10:58