Foros Programación Cliente
Como hacer para que la columna derecha siempre permanezca visible. Tipo facebook
12 12 Respuestas Jueves 19 de enero, 2012
Hola señores.
¿Como podría tener siempre la columna derecha de mi web visible sin que aparezca la barra lateral dentro de mi web? Tipo facebook.
Muchas gracias.
¿Como podría tener siempre la columna derecha de mi web visible sin que aparezca la barra lateral dentro de mi web? Tipo facebook.
Muchas gracias.
Mario Uli.
mario@eldesaviocreativo.es
www.eldesaviocreativo.es
mario@eldesaviocreativo.es
www.eldesaviocreativo.es
Registrado desde 10/06/11
Número de posts: 66
Número de posts: 66
-
makinete
Registrado desde 16/01/08 / Número de posts: 106
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 -
El Desavío Creativo
Registrado desde 10/06/11 / Número de posts: 66
Bueno mejor con jquery. Tengo ciertas nociones de Javascript pero no llego a programar algo asi.
Muchas gracias.
Mario Uli.
mario@eldesaviocreativo.es
www.eldesaviocreativo.es -
phpninja
Registrado desde 08/01/11 / Número de posts: 103
en el css:
#sidebar{
height:100%;
position:fixed;
}
me parece que no hace falta javascript
: ) -
El Desavío Creativo
Registrado desde 10/06/11 / Número de posts: 66
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?Mario Uli.
mario@eldesaviocreativo.es
www.eldesaviocreativo.es -
phpninja
Registrado desde 08/01/11 / Número de posts: 103
Quieres un scroll en la columna de la derecha ?
No entiendo "es que cuando se pierde en la pantalla"
-
Raul Garcia
Registrado desde 31/08/10 / Número de posts: 15
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.
-
El Desavío Creativo
Registrado desde 10/06/11 / Número de posts: 66
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.Mario Uli.
mario@eldesaviocreativo.es
www.eldesaviocreativo.es -
Barna_08
Registrado desde 14/10/08 / Número de posts: 129
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... -
Raul Garcia
Registrado desde 31/08/10 / Número de posts: 15
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.
-
El Desavío Creativo
Registrado desde 10/06/11 / Número de posts: 66
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.
Mario Uli.
mario@eldesaviocreativo.es
www.eldesaviocreativo.es -
Raul Garcia
Registrado desde 31/08/10 / Número de posts: 15
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 -
El Desavío Creativo
Registrado desde 10/06/11 / Número de posts: 66
De puta madre Raul. Te debo una. Es esto mismo lo que estaba buscando.
Gracias.Mario Uli.
mario@eldesaviocreativo.es
www.eldesaviocreativo.es
Áreas Domestika
- Diseño (gráfico, web, industrial, producto)
- Programación (cliente, servidor, accesibilidad)
- Ilustración (autores, inspiración, técnicas)
- Fotografía (técnica, equipo, autores)
- Motion Graphics (showreels, software, estudios)
- Publicidad (campañas, anuncios, ideas)
- Informática (software, hardware, trucos)
- 3D (técnicas, iluminación, modelado)
- Experiencia de Usuario (usabilidad, AI, HCI)
- Cine, vídeo y televisión (críticas, producción)
- Música y Audio (sonidos, loops, discos)
- Espacios (arquitectura, interiorismo)