Todo Para el WebMaster

Un lugar donde se puede encontrar temas relacionados con la programación, el diseño y el desarrollo web.


Efecto estatico con CSS

este texto esta estatico....


Esto surgio con la necesidad de crear un menu estatico a pedidio de un cliente;
en un primer momento se cree que va a resultar un poco complicado, tal vez, hasta necesario utilizar javascript.

Pero encontre una solución al problema de una manera asombrosamente simple.... CSS.

Como primer paso creamos el div que va a contener el texto estatico.
<div class="static-id"></div>
Aqui el contenido estatico....
</div>

Ahora vemos a continuación el codigo CSS.
static-id {
position: fixed;
}

Tal vez seria mucho mas simple de la sguiente manera.
<div style="position: fixed;"></div>
Aqui el contenido estatico....
</div>

Ejemplo de menu estatico.

Solo tiene un pequeño problema, no funciona en IE6.
Espero les sea de utilidad, o por lo menos educativo.

This entry was posted on 18:30 and is filed under CSS . You can follow any responses to this entry through the RSS 2.0 feed. or trackback from your own site.

Marcadores:
  • enchilame
  • enchilame
  • enchilame
  • Agregar a Meneame
  • facebook
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks




Entrada más reciente Entrada antigua Inicio


  • Categorias

    • Aplicaciones Utiles (4)
    • Aplicaciones Web (7)
    • codeigniter (2)
    • Codigos y Scripts (29)
    • CSS (4)
    • Diseño (23)
    • Fonts / Fuentes (6)
    • Herramientas (11)
    • joomla (2)
    • Manuales y Libros (3)
    • Obten dinero (4)
    • seguridad (1)
    • SEO (3)
    • Servidores (8)
    • Sistemas Operativos (3)
  • Suscribirse

    Entradas
    Atom
    Entradas
    Comentarios
    Atom
    Comentarios

    Archivo

    • ►  2011 (1)
      • ►  febrero (1)
    • ►  2010 (1)
      • ►  febrero (1)
    • ►  2009 (7)
      • ►  octubre (1)
      • ►  mayo (2)
      • ►  marzo (3)
      • ►  enero (1)
    • ▼  2008 (46)
      • ▼  noviembre (3)
        • La Matrix corriendo bajo windows
        • ToolTips Personalizados con CSS
        • Efecto estatico con CSS
      • ►  octubre (3)
      • ►  septiembre (5)
      • ►  junio (1)
      • ►  mayo (2)
      • ►  abril (6)
      • ►  marzo (6)
      • ►  febrero (13)
      • ►  enero (7)
    • ►  2007 (39)
      • ►  diciembre (1)
      • ►  octubre (2)
      • ►  septiembre (36)

Todo Para el WebMaster © 2008