Foros del Web » Creando para Internet » Diseño web »

Scroll vertical CSS para div

Estas en el tema de Scroll vertical CSS para div en el foro de Diseño web en Foros del Web. Estoy haciendo un intento de diseño liquido en dreamweaver, pero el problema que tengo es que para la version escritorio no se como hacer un ...
  #1 (permalink)  
Antiguo 29/04/2013, 05:47
 
Fecha de Ingreso: diciembre-2007
Mensajes: 56
Antigüedad: 16 años, 4 meses
Puntos: 0
Scroll vertical CSS para div

Estoy haciendo un intento de diseño liquido en dreamweaver, pero el problema que tengo es que para la version escritorio no se como hacer un DIv o un marco o algo que tenga un scroll vertical

La pagina en cuestion es

http://www.fesofi.es/juvenia2013/

La parte central queda reservada para este div, queria hacer que al pinchar en los botones el contenido se cargara dentro, y si fuese mas extenso apareciera el scroll vertical.

Tras mucho pelear consegui que el banner inferior apareciese siempre en el bottom pero no logo hacer el scroll vertical alguien puede echarme un cable?
  #2 (permalink)  
Antiguo 29/04/2013, 05:51
 
Fecha de Ingreso: noviembre-2012
Mensajes: 84
Antigüedad: 11 años, 5 meses
Puntos: 5
Respuesta: Scroll vertical CSS para div

En la capa que quieres que se extienda ponle:

overflow: scroll; (código css)

Pruébalo a ver que tal!!
  #3 (permalink)  
Antiguo 29/04/2013, 06:33
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Scroll vertical CSS para div

Más correcto sería especificar que sólo apareciera scroll en el eje Y:

Código CSS:
Ver original
  1. div {
  2.   overflow-y: scroll;
  3. }
  #4 (permalink)  
Antiguo 30/04/2013, 00:30
 
Fecha de Ingreso: diciembre-2007
Mensajes: 56
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: Scroll vertical CSS para div

Perdona si molesto pero soy incapaz!

No se si lo estoy haciendo bien, he creado un nuevo Div de diseño (www.fesofi.es/juvenia2013)


En HTML: <div id="LayoutDiv3">Este es el contenido de la etiqueta Div de diseño "LayoutDiv3"</div>

Creo un estilo para este DIV: en CSS

}
#LayoutDiv3 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
overflow-y: scroll;
}


Meto un texto largo, y me sale la barra de desplazamiento vertical en el DIV pero desactivada (en gris) y me sale tambien la barra de desplazamiento vertical general para el index (es si baja y sube un poquito)

Tambien probre a hacer un iframe pero peor todavia!
  #5 (permalink)  
Antiguo 30/04/2013, 03:22
 
Fecha de Ingreso: diciembre-2007
Mensajes: 56
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: Scroll vertical CSS para div

He conseguido que salga la barra de desplazamiento vertical para la resolucion de escritorio con la clase

.ps_content_frame{
height: 350px;
border: 0pxy;
white-space: nowrap;
overflow: auto;
background-color: white !important;

Pero al menguar para tableta no funciona, la barra queda por detras del banner inferior

En diseño liquido no se trabaja con barras de desplazamiento??? Igual quiero hacer algo que no se puede
  #6 (permalink)  
Antiguo 30/04/2013, 09:03
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Scroll vertical CSS para div

Para que overflow scroll funcione tienes que, como es lógico, indicar la altura —cosa que ya has hecho— porque si no la altura va a ser automática dependiente del contenido.

El problema que te surgió ahora con la tableta no lo entiendo.

Etiquetas: css
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:42.