Nos ha pasado que cuando queremos posicionar de manera fija un elemento en la pagina centrándolo exactamente, aún cuando la pagina sea redimensionada, y queremos además, tener un área que no podrá ser superpuesta por esté elemento, no tenemos ninguna herramienta para hacerlo. Por eso, decidimos crear un plugin para jQuery que lo haga.
Y así nació Mi Web Fija, un plugin que realiza todo esto en muy poco código, fácil de implementar y con varias utilidades.
Si realizas diseño web y quieres posicionar de manera centrada un elemento, aun cuando se redimensione la pagina, lo podes hacer así:

$('.div_miweb').miweb_fija({
            hor: 'center',
            ver: 'center'
        });

Ahora bien, si quieres posicionar un elemento a la derecha o izquierda de la página y que no pise otro elemento que esta sobre el recorrido del mismo, lo puedes hacer así:

$('.div_miweb').miweb_fija({
            hor: 'left',
            ver: 'center',
            el_top: '.div_logo_general'
 });

También puedes poner un elemento debajo como tope al recorrido:

$('.div_miweb').miweb_fija({
            hor: 'right',
            ver: 'center',
            el_top: '.div_logo_general',
            el_bottom: '#footer'
        });

Está esta DEMO para ver los ejemplos.
También puede consultar las especificaciones del plugin
Está probado en IE8, Firefox 3, Chrome 13 y safari 5.05

Comenten compatibilidades, problemas y añadidos que vean interesantes. Muchas gracias.

Descargar Plugin

Esta entrada se publicó , el Martes, 27 de Diciembre de 2011 a las horas y está guardada bajo Diseño web: Plugin jQuery. Puedes seguir cualquier respuesta a esta entrada mediante el canal RSS 2.0. Puedes dejar un comentario o enviar un trackback desde tu propio sitio.