• Se me ocurre con Jquery, pero tienes algún dato más web de referencia o con que sistema lo quieres hacer, algún cms? o simplemente desde html

    Un saludo
    Rubén

  • Bueno mejor con jquery. Tengo ciertas nociones de Javascript pero no llego a programar algo asi.

    Muchas gracias.

  • en el css:

    #sidebar{
    height:100%;
    position:fixed;
    }

    me parece que no hace falta javascript

    : )

  • Ok muchas gracias, funciona muy bien... El problema que tengo es que cuando se pierde en la pantalla y le das a la ruedita del raton solo baja la columna izquierda no la derecha. ¿me entiendes?

  • Quieres un scroll en la columna de la derecha ?
    No entiendo "es que cuando se pierde en la pantalla"

  • Lo que necesitas es posicionar la barra lateral con position absolute y right igual a 0, con esto la barra lateral siempre estara a la derecha, me explico ,necesitas que todo el contenido de la izquierda este flotando a la izquierda y la barra lateral flotando a la derecha y posicionarlo con position absolute y right igual a 0 de este modo aunque el usuario redimensione la pantalla la barra lateral estara siempre visible y pegada al lado derecho del explorador.
    Te dejo un ejemplo para que lo veas:
    html:

    <body>
    <div id="colIzq"></div>
    <div id="colDer"></div>
    </body>

    css:

    div#colIzq{
    width:960px;
    background-color:#333;
    height:1000px;
    float:left;
    }

    div#colDer{
    width:150px;
    background-color:#CCC;
    position:absolute;
    right:0;
    height:1000px;
    float:right;
    }

    Espero que te sirva y que sea esto lo que buscas.

  • Si mas o menos quisiera un scroll pero invisible y algo muy simple, que cuando se le de a la ruedecita del ratón obedezca.

    Muchas gracias y un saludo.

  • No he entendido exactamente lo que quieres, pero bueno si quieres una interación con el ratón, es decir algo cuando mueves el scroll entones no es solo tema de css... necesitas javascript...

  • Si lo que quieres es que tenga un scroll normal y corriente a la columna derecha le das un alto fijo y overflow:auto y ya lo tienes.

  • Gracias Raul pero de ninguna de las maneras soy capaz de editar el scroll y hacerlo mas atractivo o invisible. Creo que como dice Barna_08 voy a tener que recurrir a Javascript para hacer una div que tenga un scroll algo mas simple que el que te pone win o mac.
    Muchas gracias a los dos y si tenéis alguna idea os lo agradecería.

  • No se puede editar el scroll que pone por defecto el sistema operativo, para eso necesitas javascript.
    Te dejo una pagina que usa para ello la libreria de javascript JQuery, no es muy complicado y ya dependera de tu destreza con css para cambiar los colores y demas, te lo explica paso a paso ( esta en ingles) y puedes verlo en accion en esta misma pagina.

    http://areaaperta.com/nicescroll/index.html

    Necesitas la librera de JQuery (http://jquery.com/) y este plugin. Añadirlos en tu head y luego hacer una llamada pasandole el div que quieras que tenga el scroll.

    Todo esto en el head

    <script src="jquery-1.7.1.js"></script>
    <script src="jquery.nicescroll.js"></script>
    $(document).ready(
    function() {
    $("#colDer").niceScroll({cursorcolor:"#00F"});
    }
    );

    De nada y espero que te sirva y te animes a probarlo.
    Un saludo

  • De puta madre Raul. Te debo una. Es esto mismo lo que estaba buscando.

    Gracias.