Estas son las especificaciones para el plugin de diseño web Mi Web Fija
Para “hor”, esta opción configura la posición del elemento en horizontal y puede tener los siguientes parámetros: “center”, posiciona el elemento en el centro, “left” lo posiciona a la izquierda pegado, “right” lo posiciona a la derecha pegado, y un número, que será los pixeles a la izquierda que tendrá de margen.

“ver” posiciona al elemento de manera vertical y puede tener los siguientes parámetros: “top” que lo pega al marco superior, “center” que lo centra, “bottom” que hace que este pegado al marco inferior y si se pone un carácter numérico (ej: 200) serán los pixeles de distancia con el marco superior.

“el_top” es el contenedor u objeto que nunca será superpuesto (y hará de tope en el recorrido de nuestro elemento) en el lado superior, y aquí puede ser: “#mi_objeto” si es un id o “.mi_objeto” si es un class.

“el_bottom” es idéntico al “el_top”, pero del lado inferior.

Puede ver la DEMO aquí

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